本文共 2934 字，大约阅读时间需要 9 分钟。

			
   												
   
			
    
				
     
用户登录
				
     
				用户名								
				
     
				密码								
				
     
				确认密码								
				
     
				检查表单是否有效				
				
     
								
			
    
		
   
				
rules规则
		
   
			
    
添加rules规则1：rules:{				name:{属性:值,},			}
			
    
获取rules规则：$("类名/id名").rules()
			
    
添加rules规则2：$("类名/id名").rules("add",{属性:值})
			
    
移除rules规则：$("类名/id名").rules("remove","属性名")
		
   
		
Validator对象
		
   
			
    
Validator.form() 
验证表单是否有效，返回true/false
			
    
Validator.element(ele) 
验证某个元素是否有效,其中ele为选择器(如："#id/.class")返回true/false
			
    
Validator.rsetForm() 
把表单恢复到验证前原来的状态，
			
    
Validator.showErrors({name:"需要提示的内容"，name:"需要提示的内容"}) 
name为元素的name名称，针对某个元素显示特定的错误信息
			
    
Validator.numberOfInvalids()
返回无效的元素数量
		
   
		
Validator对象静态方法
		
   
			
    
jQuery.validtor.addMethod(name,method[,message])
增加自定义的验证方法 name:方法名；menthod:方法体;message：提示信息
			
    
jQuery.validtor.format(template,argument,argimentN...)
格式化字符串，用参数代替末班中的{n}
			
    
jQuery.validtor.setDefaults(options)
修改插件默认设置
			
    
jQuery.validtor.addClassRules(name,rules)
为某些class="XXX"增加组合验证类型jQuery.validtor.addClassRules(XXX:{属性:值})
		
   
		
Validator()方法配置项
		
   
			
    
submitHandler
验证通过后运行的函数，可以加上表单提交的方法 submitHandler:function(form){						console.log($(form).serialize());					},
			
    
invalidHandler
无效表单提交后运行的函数 invalidHandler:function(event,validtor){						console.log("错误:"+validtor.numberOfInvalids());					}
			
    
ignore
对某些元素不进行验证 ignore:"xxx" xxx为选择器(#id/.class)
			
    
rules
定义校验规则
			
    
messages
定义提示信息
			
    
groups
对一组元素的验证，用一个错误提示，用erroPlacement控制把出错信息放在哪里  groups:{						
      						login:"name1 name2 "					},					erroPlacement:function(error,element){						
      						
      						console.log(""+error);					} groups是对那些元素进行校验，然后用erroPlacement把错误显示在哪里
			
    
onsubmit
是否在提交时验证
					
    
onfocusout
是否在获取焦点时验证
				
    
onkeyup
是否在敲击键盘时验证
				
    
onclick
是否在鼠标点击时验证,一般用于checkbox或者radio
				
    
focusInvalid
提交表单后,未通过验证的表单(第一个或者提交之前获得焦点的未通过验证的表单)是否会获得焦点
				
    
focusCleanup
当未通过验证的元素获得焦点时，是否移除错误提示
				
    
errorClass
指定错误提示的css类名，可以自定义错误提示的样式
			
    
validClass
指定验证通过的css类名
			
    
errorElement
使用指定标签标记错误
			
    
wrapper
使用指定标签把errorElement包起来
			
    
errorLabelContainer
把错误信息统一放在一个容器里面
			
    
errorContainer
显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏
			
    
showErrors
可以显示总共有多少个未通过验证的元素  showErrors:function(errorMap,errorList){//						console.log(""+errorMap);//						console.log(""+errorList);//						this.defaultShowErrors();					}
			
    
errorPlcement
自定义错误信息放到哪里
			
    
success
要验证的元素标签通过验证后的动作(实际上是表单中的某个元素验证通过后,提示的Lablel标签增加类名)
			
    
highlight
可以给未通过验证的元素加效果  highlight:function(element,errorClass,validClass){						
      						
      					},					
			
    
unhighlight
去除未通过验证的元素的效果，一般和highlight同时使用  unhighlight:function(element,errorClass,validClass){						
      					},
		
   
		
选择器扩展
		
   
			
    
:blank
选择所有值为空的元素
			
    
:filled
选择所有值不为空的元素
			
    
:unchecked
选择所有没有被选中的元素
		
   
	

转载地址：http://hwumf.baihongyu.com/