javascript 表单验证——迹忆客-ag捕鱼王app官网

表单验证通常发生在服务器上，在客户端输入所有必要的数据然后按下提交按钮之后。如果客户端输入的数据不正确或只是丢失，则服务器必须将所有数据发送回客户端并请求重新提交表单并提供正确的信息。这确实是一个漫长的过程，曾经一度给服务器带来了很大的负担。

javascript 提供了一种在将表单数据发送到 web 服务器之前在客户端计算机上验证表单数据的方法。表单验证通常执行两个功能。

• 基本验证- 首先，必须检查表单以确保填写所有必填字段。它只需要循环遍历表单中的每个字段并检查数据。
• 数据格式验证- 其次，必须检查输入的数据的形式和值是否正确。您的代码必须包含适当的逻辑来测试数据的正确性。

我们将通过一个例子来理解验证的过程。这是一个简单的 html 格式的表单

   
   
            
            
   
   
   
      

         

            

               
name
               

            
 
            

               
email
               

            
        
            

               
zip code
               

            
            

               
country
               

                  
               
            
            

               

               

            
         
      
      
   

输出结果如下：

基本表单验证

首先让我们看看如何进行基本的表单验证。在上面的表单中，我们在onsubmit事件发生时调用validate()来验证数据。下面的代码显示了这个 validate() 函数的实现。

数据格式验证

现在我们将看到如何在将输入的表单数据提交到 web 服务器之前对其进行验证。

以下示例显示如何验证输入的电子邮件地址。电子邮件地址必须至少包含一个“@”符号和一个点 (.)。此外，“@”不能是电子邮件地址的第一个字符，最后一个点必须至少是“@”符号后的一个字符。

尝试使用以下代码进行电子邮件验证。