nice-Validator简短笔记

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

导入jsscripttype=text/javascriptsrc=${ctx}/static/js/jqvalidator/jquery.validator.min.js?local=zh-CN/script例子data-rule=required;1,默认提示inputtype=textname=namedata-rule=required;/提示此处不能为空2,修改默认提示inputtype=textname=namedata-rule=姓名:required;/提示姓名不能为空3,修改默认提示inputtype=textname=namedata-rule=required;data-msg-required=姓名必须输入/提示姓名必须输入4,密码和重复密码inputname=passworddata-rule=密码:required;password;brinputname=againPwddata-rule=确认密码:required;match(password);5,远程调用实例inputtype=textname=oldpwdid=oldpwddata-rule=原密码:required;remote[${ctx}/account/checkOldPwd]/请求地址account/checkOldPwd?oldpwd=***要求后台返回的数据格式{data:{ok:名字很棒!}}=成功,{data:{error:错误消息}}=失败判断表单是否验证通过$([name='postCode']).isValid();验证表单域是否验证通过$(#form).isValid();验证form表单是否验证通过指定需要忽略验证的元素的jQuery选择器,Example:123456789101112//任何不可见的元素,都不作验证$('form').validator({ignore:':hidden'});//id为tab2下的所有子元素都不作验证$('form').validator({ignore:'#tab2'});//动态改变要忽略验证的元素$('form').data('validator').options.ignore='#tab1';一,自定义常用验证实例1,邮政编码格式inputtype=textname=postCodedata-rule=required;postdata-rule-post=[/^[1-9][0-9]{5}$/,'邮政编码不正确']/2,验证手机inputname=mobileplaceholder=手机号data-rule=required;mobiledata-rule-mobile=[/^1[3458]\d{9}$/,'请检查手机号格式']3,验证邮箱inputtype=textname=emaildata-rule=required;emaildata-rule-email=[/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/i,'邮箱格式不正确']/3,验证固定电话inputtype=textname=teldata-rule=required;teldata-rule-tel=[/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/,'固定电话不正确(021-3333333)']/4,验证必须是正整数inputtype=textname=teldata-rule=required;integerdata-rule-integer=[/^[0-9]*[1-9][0-9]*$/,'请输入正整数’]/4,验证必须是正数inputtype=textname=bargainPricedata-rule=numdata-rule-num=[/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/]checked=checked自定义消息显示位置data-target内置规则(rules)公共定义:1.数值范围使用波浪线(~)表示,例如:6~(大于等于6)、~6(小于等于6)、6~16(6到16)2.大小比较使用lt(小于)、lte(小于等于)、gt(大于)、gte(大于等于)、eq(等于)表示3.如果某个规则可以带参数,参数要使用方括号([])或者圆括号(())括起来,取决于你的习惯规则参数描述例子required必填项required//不能为空required(xxx)//满足xxx规则,才验证requiredrequired(not,xxx)//如果值为空,或者xxx也认为是空integer可选,标识整数integer//请输入整数integer[*]//请输入整数integer[+]//请输入正整数integer[+0]//请输入正整数或0integer[-]//请输入负整数integer[-0]//请输入负整数或0match可选,标识必选,另一字段名与另一字段匹配,两种用法:match[name];用于验证两个字段的值必须相同match[condition,name];用于比较两个字段大小match[password]//与password字段的值匹配match[lt,money]//小于money字段的值match[lte,money]//小于等于money字段的值match[eq,money]//等于money字段的值匹配match[neq,money]//不能等于money字段的值match[gte,money]//大于等于money字段的值match[gt,money]//大于money字段的值range必选,范围值数值范围range[0~99]//0到99的整数range[~99]//小于或等于99的整数range[0~]//大于或等于0的整数length必选,范围值可选,是否计算真实长度验证字符长度length[6~16]//6-16个字符length[6]//6个字符length[~6]//小于6个字符length[6~]//大于6个字符length[~6,true]//小于6个字符,全角字符计算双字符checked可选,范围值对于checkbox或radio必须要选中多少项checked//必填,相当于requiredchecked[3~5]//请选择3到5项checked[3]//请选择3项checked[~5]//请选择少于5项checked[3~]//请选择大于3项规则参数描述例子remote必选,url地址可选,附带额外的字段远程验证remote[path/to/server.php]remote[path/to/server.php,name1,name2,..]较复杂的一种自定义验证$('#editform').validator({rules:{//自定义一个规则,用来代替remote(注意:要把$.ajax()返回出来)myRemote:function(element){return$.ajax({url:'${ctx}/productCategory/checkCodeIsExistCode',type:'post',data:$(#editform).serialize(),dataType:'json',success:function(d){window.console&&console.log(d);}});},upper:[/^[A-Z]{3}/,请输入大写字母]},fields:{'code':'编码:required;upper;length[3];myRemote;'}});

1 / 4
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功