js进行表单验证实例分析_javascript技巧

本文实例讲述了js进行表单验证的方法。分享给大家供大家参考。具体实现方法如下：

1. 传统的表单验证代码

复制代码 代码如下:

 
 
 
 
 
 
 
 
 

 
     

 
           Email: 
     

  
     

 
           密码: 
     

 
     

 
          重输密码: 
     

 
     

 
          姓名： 
     

 
     

 
           
     

 
 

 
 

2. 输入框后面有提示信息的表单验证

复制代码 代码如下:

 
 
 
 
 
 
 
 
 

 
     

 
           Email: 
     

    
     

 
           密码: 
     

 
     

 
          重输密码: 
     

 
     

 
          姓名： 
     

 
     

 
           
     

 
 

 
 

效果图如下所示：

3. 在输入框失去焦点时触发校验函数

复制代码 代码如下:

 
 
 
 
 
 
 
 
 

 
     

 
           Email: 
     

    
     

 
           密码: 
     

 
     

 
          重输密码: 
     

 
     

 
          姓名： 
     

 
     

 
           
     

 
 

 
 

效果图如下所示：

希望本文所述对大家的javascript程序设计有所帮助。