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 | 设置上传文件所接受的扩展名 |
电脑刺绣绣花厂 http://www.szhdn.com 广州品牌设计公司https://www.houdianzi.com
使用范例:
$("#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);
}
});