-
errorElement使用什么标签标记错误 wrapper使用什么标签把上边的errorElement包起来 errorLabelContainer把错误信息统一防在一个容器里面 errorContainer显示或者隐藏验证信息,可以自动实现由错误信息出现时把容器属性变为显示,无错误时隐藏(一般同时使用和上面3个或上面3个同时使用)查看全部
-
validate()方法配制项 onsubmit是否在提交时验证 onfocusout是否在获取焦点时验证 onkeyup是否在敲击键盘时验证 onclick是否在鼠标点击时验证,一般用于checkbox或者radio focusInvalid提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)是否会获 得焦点 focusCleanup当未通过验证的元素获得焦点时,是否移除错误提示 errorClass指定错误提示的css类名,默认为error,可以自定义错误提示的样式,当然类名也可以自定义设置 validClass指定验证通过的css类名 道理同上 errorElement使用什么标签标记错误 wrapper使用什么标签把上边的errorElement包起来 errorLabelContainer把错误信息统一防在一个容器里面 errorContainer显示或者隐藏验证信息,可以自动实现由错误信息出现时把容器属性变为显示,无错误时隐藏(一般同时使用和上面3个或上面3个同时使用)查看全部
-
ignore的值是选择器,ignore:":hidden"是ignore的默认值。 每一个rules都可以定义一个depends属性。depends属性是定义一下规则的条件,depends为true,required才为true。 rules: { username: { required: { depends: function (element) { // 什么时候应用这个规则 return $("#password").is(":filled"); // :filled表示是否被填写,是validator自带的选择器 } }, //带上参数的返回的话需要加param属性就行啦 minlength: { param: 2,//param值为参数 depends: function () { // any codes } } }, } groups可以理解为统一在固定位置显示错误信息用errorPlaceement控制把错误信息放在何处。查看全部
-
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对象静态方法 $.validator.addMethod(name,method[,message])增加自定义的验证方法 $.validator.format(template,argument,argumentN...)格式化字符串,用参数代替模板中的{n} $.validator.setDefaults(options)修改插件默认设置 $.validator.addClassRules(name,rules)为包含class属性名批量增加验证类型查看全部
-
validator对象 validate方法返回Validator对象,validator对象有很多有用的方法: validator.form()验证表单是否有效,返回TRUE/false validator.element(element)验证某个元素是否有效,返回TRUE/false validator.resetform()把表单恢复到验证前原来的状态 validator.showErrors(errors)针对某个元素显示特定的错误信息(自定义校验中可以使用) validator.numberOfInvalids()返回无效的元素数量(正确返回0)查看全部
-
valid方法:检查表单或某些元素是否有效 rules()方法:获取表单元素的校验规则(注意:获取的是表单元素,不是整个表单。) rules("add",rules)向表单元素增加校验规则 rules("remove",rules)删除表单元素校验规则查看全部
-
digits是非夫整数,0是可以的。 equalTO最常用的例子是确认密码,是需要与密码框相等的长度。 写法:equalTo:“选择器的值”查看全部
-
Email和URL还有date、dateISO都是布尔型的。 根据需求选择date 还是dateISO查看全部
-
rangelength长度范围:是以数组的方式。例如[2,10] min和minlength的区别:叫length代表是长度,不加length代表的是它的值,也就是值的范围要注意。查看全部
-
基本验证方法: required必填 remote远程校验(获取后台文件(PHP,JSP等)的返回值,用来校验数据是否存在) minlength最小长度 maxlength最大长度 rangelength长度范围 min最小值 max最大值 range值范围 Email:Email格式 URL:URL格式 date日期 dateISO:ISO日期 number数字 digits整数 equalTO与另一个元素值相等 data:{ loginTime:function(){ return+new Date;// } } 须有返回值 +new Date把字符转换成一组数字(毫秒数) messages中午提示方法查看全部
-
两个重要概念: method:验证方法,指校验的逻辑。比如Email方法,检查输入的文本十分符合Email的规则。 rule:验证规则,指元素和验证方法的关联。比如页面一个id味Email的文本框,需要带有Email的验证方法。 validate是插件的核心方法,定义了基本的校验规则和一些有用的配置项。例如,debug,如果这个参数为true,那么表单不会提交,只进行检查,调试是十分方便的。查看全部
-
使用前先引入jqery在引用validate.js插件,插件的最新版本为1.13.1 表单验证,主要是俩:一是规则,二是提示信息 rules(规则)里获取的是name属性值,不是id查看全部
-
一:插件的选择标准 1.插件作者 2.插件的社区活跃度 3.插件的更新频率 二:jQuery validation插件最常用的表单验证插件之一 http://jqueryvalidation.org 4.阅读查看源码 jquery Validation插件 1:让客户端表单验证变得非常容易,并且提供了很多的配置项目 2:插件还附带了很多验证方法,并实现了国际化,可以配置多语言的提示信息。查看全部
-
validator方法配置项查看全部
举报
0/150
提交
取消