表单验证的实现方法

简单的表单验证

A.两种验证方式：
1.在表单提交时进行验证，sumbit时
2.在表单控件失去焦点时进行验证
表单验证逻辑一般写在表单提交之前，html5也新增了表单验证形式，表单验证可以使用正则表达式
B.表单验证一些必需的验证项目：
1.用户是否填写表单中必填项目
2.用户是否已经输入合法的日期
3.用户是否已经输入合法的邮件地址
4.用户是否已经在数据域（numeric field）中输入合法的文本
等等
C.如果表单相应的项目并没有填好的话，那么我们需要弹出一个警示框。有以下几种情况：1.用户此行内容未填写，想跳过此行，先去填写下面的内容，需要在表单提交时，提醒用户有表单未填写完毕，不能被提交，并将光标移至相应处2.此行内容未填写完毕，不能跳过，光标不能移动，此种方式交互性能不是特别好，不推荐使用
下面是一个简单的数字名用户表单验证：

    
    
    


   

   		

   				

   					
姓名：
   					

   				
   				

   				  

   				  
   				  
   				  
   				
   		
   
 
   

实现效果如下：