-
jquery validation插件： 1.让客户端表单验证变得非常容易，并提供了很多的配置项目。 2.插件还附带了很多验证方法，并实现了国际化，可以配置多语言的提示信息。查看全部
-
国际化查看全部
-
jQuery表单验证插件：https;//plugins.jquery.com/tag/validate/ jQuery Validation插件是最常用的插件之一:http://jqueryvalidation.org/查看全部
-
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)){查看全部
-
Validator对象的静态方法： 1、jQuery.validator.addMethod(name,method[,message])：增加自定义的验证方法 2、jQuery.validator.format(template,argument,argumentN...)：格式化字符串，用参数代替模板中的{n} 如：var template=$.validator.format("{0}-{1}-{2}"); template("你","我","他")或template(["你","我","他"])则输出"你-我-他"，参数个数不够则会输出{n}来代替 3、jQuery.validator.setDefaults(options)：修改插件默认设置 如：$.validator.setDefaults({debug:true});表示给所有的表单都设置 4、jQuery.validator.addClassRules(name,rules)：为某些class属性值包含name的元素增加验证规则 如：$.validator.addClassRules({text:{required:true,minlength:5}});表示给class="text"的元素添加验证规则查看全部
-
validator.form() //整个表单是否有效 true/false validator.element("username") //验证元素是否有效 validator.resetForm() //表单恢复到验证前状态 validator.showErrors({}) //针对某个元素显示特定的错误信息 validator.numberOfInvalids() //返回无效元素数量查看全部
-
验证方法和验证规则查看全部
-
validate()方法配置项之四： 1、showErrors：可以显示总共有多少个未通过验证的元素 如：showErrors:function(errorMap,errorList){ errorMap：元素信息和错误信息的键值对 errorList：元素信息、错误信息、验证方法等信息列表 this.defaultShowErrors();//使用默认的错误提示信息展示方式，需要这个否则错误信息不显示了 } 2、errorPlacement：自定义错误信息放在哪里，配合groups一起使用 3、success：要验证的元素通过验证后的动作 如：success:"right" 或 success:function(label){label.addClass("right")} 效果是给错误信息展示label元素的class属性值追加right值 4、highlight：可以给未通过验证的元素加效果 如：highlight:function(element,errorClass,validClass){ //element：绑定验证的元素 //errorClass：验证错误信息展示label的class属性值 //validClass：验证通过信息展示label的class属性值 } 5、unhighlight：去除未通过验证的元素的效果，一般和highlight同时使用，同上 注意：success主要针对label元素，highlight主要针对input元素 highlight和unhighlight主要用在单项验证时查看全部
-
validate()方法配置项 onsubmit:是否在提交时验证，默认值为true onfoucusout:是否在获取焦时验证 onkeyup:是否在敲击键盘时验证 onclick:是否在鼠标点击时验证，一般用于checkbox或者radio focusInvalid:提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的 表单）是否会获得焦点 focusCleanup:当未通过验证的元素获得焦点时，是否移除错误提示 errorClass:指定错误提示的css类名，可以自定义错误提示的样式 validClass:指定验证通过的css类名 errorElement:使用什么标签标记错误 wrapper：使用什么标签把上边的errorElement包起来 errorLaberContainer:把错误信息统一放在一个容器里面 errorContainer:显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏。查看全部
-
Validator对象的静态方法： 1、jQuery.validator.addMethod(name,method[,message])：增加自定义的验证方法 2、jQuery.validator.format(template,argument,argumentN...)：格式化字符串，用参数代替模板中的{n} 如：var template=$.validator.format("{0}-{1}-{2}"); template("你","我","他")或template(["你","我","他"])则输出"你-我-他"，参数个数不够则会输出{n}来代替 3、jQuery.validator.setDefaults(options)：修改插件默认设置 如：$.validator.setDefaults({debug:true});表示给所有的表单都设置 4、jQuery.validator.addClassRules(name,rules)：为某些class属性值包含name的元素增加验证规则 如：$.validator.addClassRules({text:{required:true,minlength:5}});表示给class="text"的元素添加验证规则查看全部
-
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删除规则，只需要填写规则名字查看全部
-
alidate方法返回Validator对象，Validator对象的方法如下： 1、Validator.form()：验证表单是否有效，返回true/false； 2、Validator.element(element)：验证某个元素是否有效，返回true/false； 如：validator.element("#username") 3、Validator.resetForm()：把表单恢复到验证前原来的状态，会清除显示的验证错误信息 4、Validator.showErrors(errors)：针对某个元素显示特定的错误信息 如：Validator.showErrors({username:"xxxxxx",passworld:"xxxxx"})，新的错误信息会立即显示 5、Validator.numberOfInvailds()：返回无效(即没通过验证的)的元素数量查看全部
-
Vaildation基本验证方法查看全部
-
validate（）方法查看全部
-
Validation两个重要的概念， 1、method：验证方法，指校验的逻辑 2、rule：验证规则，指元素和验证方法的关联查看全部
举报
0/150
提交
取消