📌  相关文章
📜  ES6验证

📅  最后修改于: 2021-01-01 04:18:54             🧑  作者: Mango

ES6验证

验证是根据要求检查前端用户提供的信息是否正确的过程。如果客户端提供的数据不正确或丢失，则服务器将不得不将该数据发送回客户端，并要求重新提交带有正确信息的表格。

通常，验证过程在服务器端完成，服务器端将该验证信息发送给前端用户。此过程浪费了执行时间和用户时间。

JavaScript提供了一种在将表单数据发送到服务器端之前对其进行验证的方法。表单中的验证通常执行以下两个功能：

  • 基本验证-确保所有必填字段都已填写或未填写的过程。
  • 数据格式验证-顾名思义，这是检查输入数据是否正确的过程。我们必须包括用于测试数据正确性的适当逻辑。

让我们尝试详细说明基本的表单验证和数据格式验证。

基本表格验证

它会验证表单的必填输入字段，无论是否填写了必填字段。

让我们通过使用以下示例来了解基本表单验证的过程。

例

 
 
  
 
    Example of Basic form Validation 
     
 
  
 
    
 
        
Basic Form Validation
  
        
 
            

            

                Name: 
                
            

            

                Qualification: 
               
            

            

                Phone no.:

数据格式验证

在数据格式验证中，将检查输入数据的正确值。它将验证已填充的输入字段是否已填充信息正确。

通过以下示例，让我们了解数据格式验证的概念。

例

 
 
  
 
    Example of Basic form Validation 
     
 
  
 
    
 
        
Basic Form Validation
  
        
 
            

            

                Name: 
                
            

                

                    Email: 
               
                

            
            

                Qualification: 
               
            

            

                Phone no.: