-
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主要用在单项验证时查看全部
-
required必填，remote远程校验，rangelength长度，range值范围，email email格式，digits整数，qequalTo与一个元素值相等查看全部
-
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主要用在单项验证时查看全部
-
required必填 remote远程校验 minlength最小长度 maxlength最大长度 rangelength长度范围 min最小值 max最大值 range值范围 email Email格式 url URL格式 date 日期 dateISO ISO日期 number数字 digits整数 equalTo 与另一个元素值相等查看全部
-
服务器端不要相信任何的客户端的数据。查看全部
-
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"的元素上 }查看全部
-
$("#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") 3.可以使用rules（）无参数的方法来获取规则 valid()方法 检查表单或者某些元素是否有错误 $("#form").valid();返回值为布尔型；查看全部
-
label的for属性规定label与哪个表单元素绑定，当用户点击label时与其绑定的表单元素会获取焦点。 ready事件()：当DOM(文档对象模型)已经加载,并且页面(包括图像)已经完全呈现时，会触发。 用法如图： rules：定义表单验证的规则 message：用于定义表单验证提示信息 rules和message中使用的都是元素的name属性值，而不是id属性值，rules和message中的验证方法需要一致，这样当某一个验证方法不通过，才能做出对应的提示 比如：rules中使用required:true，则message中使用required:用户名必填，这样当用户名没有填写时则会提示“用户名必填 在js中调用 $(id).validate({ rules:{ username:{ required : true, // 必填 minLength: 2 //最小长度为2 maxLength:10 // 最大长度为10 } }， message:{ username:{ required:"此项不能为空"，//若没填显示提示信息 minLength: "最小长度为2"， maxLength: "最大长度为10" } } })查看全部
-
先引用jquery.js文件，后引用jquery.validation.js文件，因为后者依赖前者 label的for属性规定label与哪个表单元素绑定，当用户点击label时与其绑定的表单元素会获取焦点。 ready事件()：当DOM(文档对象模型)已经加载,并且页面(包括图像)已经完全呈现时，会触发。 用法如图： rules：定义表单验证的规则 message：用于定义表单验证提示信息 rules和message中使用的都是元素的name属性值，而不是id属性值，rules和message中的验证方法需要一致，这样当某一个验证方法不通过，才能做出对应的提示 比如：rules中使用required:true，则message中使用required:用户名必填，这样当用户名没有填写时则会提示“用户名必填 在js中调用 $(id).validate({ rules:{ username:{ required : true, // 必填 minLength: 2 //最小长度为2 maxLength:10 // 最大长度为10 } }， message:{ username:{ required:"此项不能为空"，//若没填显示提示信息 minLength: "最小长度为2"， maxLength: "最大长度为10" } } })查看全部
-
validation插件的基本验证方法之一： 1、required：必填校验（true表示必填） 2、remote：远程校验，用于通过访问服务器来校验数据的有效性； 如校验用户名是否存在 remote用法： 1、remote使用get请求访问服务器 访问服务器后返回校验结果：正常的时候返回true，检验不通过的时候返回错误提示信息 remote:url 2、remote使用post请求访问服务器 remote:{ url:请求地址 type：请求类型post/get data:{ 需要传递的参数 } }查看全部
-
showErrors 可以显示总共有多少个未通过验证的元素 errorPlacement 自定义错误信息放到哪里，配合groups一起用。 success 要验证的元素通过验证后的动作 highlight 可以给未通过验证的元素加效果 unhighlight 去除未通过元素的效果，一般和highlight同时使用查看全部
-
validate()方法配置项 onsubmit:是否在提交时验证，默认值为true onfoucusout:是否在获取焦时验证 onkeyup:是否在敲击键盘时验证 onclick:是否在鼠标点击时验证，一般用于checkbox或者radio focusInvalid:提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的 表单）是否会获得焦点 focusCleanup:当未通过验证的元素获得焦点时，是否移除错误提示 errorClass:指定错误提示的css类名，可以自定义错误提示的样式 validClass:指定验证通过的css类名 errorElement:使用什么标签标记错误 wrapper：使用什么标签把上边的errorElement包起来 errorLaberContainer:把错误信息统一放在一个容器里面 errorContainer:显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏。查看全部
-
validate()方法配置项一： --submitHandler:通过验证后运行的函数，可以加上表单的提交方法 submitHandler:function(form){ //提交表单或者其他的操作都可以 $(form).submit(); } --invalidHandler:无效表单提交后运行的函数 如：invalidHandler:function(event,validator){ //event:无效验证触发的事件 //validator:对象 } 也可以写事件来触发invalidHandler的event事件，如： $("#form").on("invalid-form",function(event,validator){ }) --ignore:对某些元素不进行验证 --rules:定义校验规则 --messages:定义提示信息 groups:对一组元素的验证，用一个错误提示，用errorPlacement控制把错误信息放在哪里查看全部
-
validation插件的基本验证方法之四： 13、number：数字验证，任意整形、非整形、负数、整数皆可 14、digits：整数验证，必须为大于等于0的数字 PS：以上验证方法的值为boolean，true表示进行验证 15、equalTo：与另一个元素值相等验证，值为选择器，表示是和那一个元素的值比较 如：equalTo:"#password"，表示用当前元素的值和id="password"元素的值相比较查看全部
举报
0/150
提交
取消