-
example查看全部
-
表单验证插件查看全部
-
自定义验证方法 $.validator.addMethod(name,method,[message]) name:方法名称 method: function(value,element,params) // value是我们填写的值，element是填写的那个元素例如username，params是传入的参数，就是在设置自定义规则的时候写的 message:错误的提示信息查看全部
-
validation自带的选择器查看全部
-
showErrors:function(errorMap,errorList){ // 显示错误信息，Map显示内容比较简单，List比较详细 console.log(errorMap); console.log(errorList); this.defaultShowErrors(); // 是否用默认的错误提示方式 } success:function(label){ // 验证成功后，执行的操作，每一个验证都执行 label.addClass("right"); } highlight:function(element,errorClass,validClass){ $(element).addClass(errorClass).removeClass(validClass); // 给没有通过验证的element元素，加上类名，去掉类名 } unhighlight:function(element,errorClass,validClass){ $(element).addClass(validClass).removeClass(errorClass); // 给通过验证的element元素，加上类名，去掉类名 }查看全部
-
onsubmit:true // 是否在提交时验证 onfocusout:true // 是否在获取焦点时验证 onkeyup:true // 是否在敲击键盘的时候验证 onclick // 是否在鼠标点击的时候验证，一般用于checkbox或者radio focusInvalid:true // 提交表单后，未通过验证的表单，是否会获得焦点 focusCleanup:true // 未通过的表单获得焦点时，是否移除错误信息提示 errorClass:"txt" // 指定错误提示的css类名，可以自定义错误提示的样式 validClass:"txt" // 制定验证通过的css类名 errorElement:"li" // 使用什么标签标记错误，默认是label标签 wrapper:"ul" // 使用什么标签包裹上面的错误信息 errorLabelContainer:"#info" // 把以上的errorElement和wrapper信息放在哪个容器里 errorContainer:"#info2" // 自定义容器info2，当有错误信息的时候容器显示，没有错误信息的时候容器隐藏查看全部
-
ignore 对某些元素不进行验证 每一个规则中都有depends方法，depends方法成立才能执行规则 groups 对一组元素进行验证，用一个错误提示，用errorPlacement把错误信息放在一个地方 $("#demoForm").validate({ .... ignore:"#username" // 不对username进行校验 }) rules:{ username:{ required:{ depends:function(element){ return $("#password").is(":filled"); // 判断密码是否被填写，返回true或 者false，判断depends成立不成立 } } }, minlength:{ param:2, // depends成立，param才能被传入 depends:...... } } groups:{ login:"username password" // 把username、password组成一个组 } errorPlacement:function(error,element){ error.insertBefore("#...") // 将groups组成的错误信息，显示在这个地方 }查看全部
-
submitHandler // 通过验证后运行的函数，可以加上表单提交的方法 invalidHandler // 无效表单提交后运行的函数 $("#form").validate({ .... submitHandler:function(form){ // 一个参数，表单 console.log($("form").serialize()) } }) $("#form").validate({ .... invalidHandler:function(event,validator){ // 两个参数，事件和validator对象 console.log(...) } }) invalidHandler也可以通过event调用 $("#demoForm").on("invalid-form",function(event,validator){...})查看全部
-
validator对象静态调用方法 var a = $.validator.format("{0}-{1}-{2}") // 自动转换为字符串 a("你","我","他") // 按照format格式转换为字符串 你-我-他 a(["你","我"]) // 数组放在第一个，同样按照两个内容转换，第三个内容找不到，如果数组放在第二个，则整个数组当作一个内容 $.validator.setDefaults({debug:true}) // 默认的为每一个都加上规则debug:true $.validator.addClassRules({txt:{required:true,min:2}}) // 为所有Class名叫做txt的元素都加上规则查看全部
-
validator对象 var validator = $("#demoForm").validate // 通过validate方法，就可以返回一个validator对象 validator.form() // 验证表单是否有效 validator.element("#username") // 验证username是否有错误 validator.resetForm() // 把表单回复到验证前的状态 validator.showErrors({username:"你填错了"}) // 动态的为username加上错误信息，可以加多个 validator.numberOfInvalids() // 返回当前无效的元素的数量查看全部
-
valid()方法 $("demoForm").valid()?"填写正确":"填写错误" // valid方法返回true或者false，判断填写正确与否 rules()方法 $("#username").rules() // 返回username的所有方法，只能针对一个属性，不能针对例如demoForm $("#username").rules("add",{min:2,max:10}) // 为username增加规则 $("#username").rules("remove","min max") // 为username删除规则，只需要填写规则名字查看全部
-
基本验证方法查看全部
-
validate()方法配置项 onsubmit:是否在提交时验证，默认值为true onfoucusout:是否在获取焦时验证 onkeyup:是否在敲击键盘时验证 onclick:是否在鼠标点击时验证，一般用于checkbox或者radio focusInvalid:提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的 表单）是否会获得焦点 focusCleanup:当未通过验证的元素获得焦点时，是否移除错误提示 errorClass:指定错误提示的css类名，可以自定义错误提示的样式 validClass:指定验证通过的css类名 errorElement:使用什么标签标记错误 wrapper：使用什么标签把上边的errorElement包起来 errorLaberContainer:把错误信息统一放在一个容器里面 errorContainer:显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏。查看全部
-
rules中的校验方法都可以定义depends属性，表示当条件满足时返回true，则执行校验方法 针对参数为boolean类型的校验方法： required:{ //只有depends:function(element)返回true，required校验方法才起作用 depends:function(element){ //:filled是Validation自带的选择器，匹配填写内容的元素 return $("#password").is(":filled") } } 针对参数为非boolean类型的校验方法如下： maxlength:{ param:2 //只有depends:function(element)返回true，maxlength校验方法的值才设置为2 depends:function(element){ //:filled是Validation自带的选择器，匹配填写内容的元素 return $("#password").is(":filled") } } } groups的使用如下： groups:{login:"username password confirm-password"} //对一组元素进行验证 errorPlacement:function(error,element){ //对一组元素验证后错误信息显示 error.insertBefore("#info");//将一组元素的错误信息都显示在id="info"的元素上 }查看全部
-
validate()方法配置项是validate插件的核心内容 submitHandler通过验证后运行的函数，可以加上表单提交方法 invalidHandler无效表单提交后运行的函数 ignore对某些元素不进行验证 rules定义校验规则 messages定义提示信息 groups对一组元素的验证，用一个错误提示，用errorPlacement控制把出错信息放在那实例调用： submitHandler:function(from){ //表单提交的方式 from:submit();//$(form).Ajax.submit();//$ajax等方式提交表单 } invalidHandler:function(event,validator){ //event:无效验证触发的事件 //validator:对象 }也可以写一个事件来触发 $("选择器属性值").on("事件名",function(event,validator)){查看全部
举报
0/150
提交
取消