jquery.validate验证
jquery validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 api。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
| 规则名称 | 类型 | 描述 |
| required | Boolean | 设置该项内容为必填 |
| remote | Json|String | 请求远程资源来校验内容有效性 |
| minlength | Number | 设置内容的最少字符长度 |
| maxlength | Number | 设置内容的最多字符长度 |
| rangelength | Array | 设置内容的字符长度范围 |
| min | Number | 设置内容的最小允许值 |
| max | Number | 设置内容的最大允许值 |
| range | Array | 设置内容的允许值范围 |
| step | Number | 设置内容为某一固定值的倍数 |
| Boolean | 设置该项内容为一个有效邮箱地址 | |
| url | Boolean | 设置该项内容为一个有效网址 |
| digits | Boolean | 设置该项内容为十进制整数 |
| equalTo | Selector | 设置该项内容与指定元素内容相同 |
| extension | String | 设置上传文件所接受的扩展名 |
使用范例:
$("#form-member-add").validate({
rules:{
username:{
required:true,
minlength:2,
maxlength:16
},
sex:{
required:true,
},
mobile:{
required:true,
isMobile:true,
},
email:{
required:true,
email:true,
},
uploadfile:{
required:true,
},
},
onkeyup:false,
focusCleanup:true,
success:"valid",
submitHandler:function(form){
//$(form).ajaxSubmit();
var index = parent.layer.getFrameIndex(window.name);
//parent.$('.btn-refresh').click();
parent.layer.close(index);
}
});
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!