-
$.validator.addMethod(name,.method[,message]) name:方法名称 method:function(value,element,params)方法逻辑 message:提示消息 this.optional(element)意思填写值了才会验证，加上这个之后最好设置require，否则这个验证不会被执行 additional-methods.js包含了很多扩展验证方法。在写自定义方法时可以参考这个js库查看全部
-
validate插件自带3个选择器扩展 ：blank选择所要值为空的元素（半角的空格都为blank） ：filled选择所要值不为空的元素 ：unchecked选择所要没有被选中的元素（一般用于复选框）查看全部
-
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是否在提交时验证 onfocusout是否在获取焦点时验证 onkeyup是否在敲击键盘时验证 onclick是否在鼠标点击时验证，一般用于checkbox或者radio focusInvalid提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的表单）是否会获 得焦点 focusCleanup当未通过验证的元素获得焦点时，是否移除错误提示 errorClass指定错误提示的css类名，默认为error,可以自定义错误提示的样式，当然类名也可以自定义设置 validClass指定验证通过的css类名 道理同上 errorElement使用什么标签标记错误 （如用<li>标记） wrapper使用什么标签把上边的errorElement包起来 （如用<ul>包裹） errorLabelContainer把错误信息统一防在一个容器里面 （如放在类或id选择器中） errorContainer显示或者隐藏验证信息，可以自动实现由错误信息出现时把容器属性变为显示，无错误时隐藏（一般同时使用和上面3个或上面3个同时使用）查看全部
-
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使提示在同一位置轮流展示) groups:{login:"username password confirm-password"} //对一组元素进行验证 errorPlacement:function(error,element){ //对一组元素验证后错误信息显示 error.insertBefore("#info");//将一组元素的错误信息都显示在id="info"的元素上 }查看全部
-
submitHandler和invalidHandler查看全部
-
validate()方法配置项是validate插件的核心内容 submitHandler通过验证后运行的函数，可以加上表单提交方法 invalidHandler无效表单提交后运行的函数 ignore对某些元素不进行验证 rules定义校验规则 messages定义提示信息 groups对一组元素的验证，用一个错误提示，用errorPlacement控制把出错信息放在那实例调用： submitHandler:function(form){ //表单提交的方式 form.submit();//$(form).ajaxSubmit();//$ajax等方式提交表单 } invalidHandler:function(event,validator){ //event:无效验证触发的事件 //validator:对象 }也可以写一个事件来触发 $("选择器属性值").on("事件名",function(event,validator)){ });查看全部
-
validator对象静态方法 $.validator.addMethod(name,method[,message])增加自定义的验证方法 $.validator.format(template,argument,argumentN...)格式化字符串，用参数代替模板中的{n} $.validator.setDefaults(options)修改插件默认设置 $.validator.addClassRules(name,rules)为包含class属性名批量增加验证类型(下图为实例，给classname为“txt”的元素添加验证类型)查看全部
-
Validator对象方法查看全部
-
$("#form").valid()?"correct":"error"; //valid()方法：检查表单或某些元素是否有效，返回值为boolean型， 全部通过检查规则返回true，只要有不通过的检查规则都返回false rules只针对表单里的元素，而不是某个整个表单(会抛出错误) 1.可以使用rules("add",{})的方法来为元素添加规则，如: $("#username").rules("add",{minlength:2,maxlength:10}) 2.可以使用rules("remove",{})的方法来为元素去掉规则，如： $("#username").rules("remove","email max min") 3.可以使用rules（）无参数的方法来获取规则.查看全部
-
validation插件的基本验证方法之四： 13、number：数字验证，任意整形、非整形、负数、整数皆可 14、digits：整数验证，必须为大于等于0的数字 PS：以上验证方法的值为boolean，true表示进行验证 15、equalTo：与另一个元素值相等验证，值为选择器，表示是和那一个元素的值比较 如：equalTo:"#password"，表示用当前元素的值和id="password"元素的值相比较查看全部
-
validation插件的基本验证方法之三： 9、email：Email格式校验 10、url：url格式校验，需要带“http://”或“https://”等前缀 11、date：日期校验，使用的是js的date类型，只要能被Date.parse识别的都是有效的 12、dateISO：ISO日期校验，格式必须为yyyy/MM/dd或yyyy-MM-dd的 PS：以上验证方法的值都是boolean类型，true表示进行验证查看全部
-
rangelength长度范围：是以数组的方式呈现，如:rangelength:[2,10] == minlength:2, maxlength:10 min和minlength的区别：min 是表示数字，如，min:2 最小的数字为2.；minlength 是表示长度。 同样，max 和maxlength ，range 和rangelength 都是前者表示数字，后者表示长度。查看全部
-
返回当前日期的毫秒的4种表示方法: var time1 = +new Date(); //使用+号，将object转换成number var time2 = new Date().getTime(); var time3 = +new Date; //使用+号，将object转换成number var time4 = new Date().valueOf();查看全部
-
remote用法例子：下载rules中查看全部
举报
0/150
提交
取消