输入框失去焦点时对输入信息进行JS验证

以前写的JS验证是在用户输入信息完毕后点击提交时才对输入的信息进行JS验证。

当输入框失去焦点时即对输入框中的信息进行JS验证，及时有效的反馈出验证信息，使得项目具有更良好的用户体验。

下面以一个用户注册的页面为例。

首先是form表单部分：

	

		

			

				 帐 号：    
			
			

				
				*
				
			
			

				帐号格式不正确
			
		
		

			

				 密 码：    
			
			

				 
				* 
				
			
			

				密码需6-16位
			
		
		

			

				 密码确认：    
			
			

				 
				* 
				
			
			

				两次密码不一致
			
		
		

			

				 邮 箱：    
			
			

				 
				
			
			

				邮箱格式不正确
			
		
		

			

				 QQ ：    
			
			
 
				
			
			

				QQ号码格式不正确
			
		
		

			

				 手 机：    
			
			
 
				
			
			

				手机号码格式不正确
			
		
		

			
 
			

				
			
		
	

设计思想是，当输入框失去焦点时对输入框信息进行验证，验证成功则显示√的图片，验证失败则显示错误信息。

这些图片的class均为isRight，当以class获取的部分均显示出来的时候表示验证成功。

JS部分代码：

结果显示如下图：