jquery 插件 validate 的常用方法
在表单验证时,使用jquery的插件 validate 可以提高验证速度,
1,常用的验证规则有:
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: jQuery.format("请输入一个最大为 {0} 的值"),
min: jQuery.format("请输入一个最小为 {0} 的值")
2,如果需要将错误信息改为中文, 可以使用jquery.validate.messages_cn.js插件;
3,如果需要更改 错误信息的位置, 可以在$(“#form”).validate({ * * * }); 中添加errorPlacement 属性, 具体方法如下:
$("#updatePasswordForm").validate({
errorPlacement : function(error, element) { // 设置错误元素位置
error.appendTo(element.parent().next());
},
rules : {
oldPassword : {
required : true,
rangelength : [ 6, 10 ]
},
newPassword : {
required : true,
rangelength : [ 6, 10 ]
},
confirmNewPassword : {
equalTo : "#newPassword"
}
}
});
其中, error 表示的是错误信息, element 表示的是当前的 表单元素;
4, 也可以使用自定义的 validate 规则, 下面是拷贝别人的代码:
// JavaScript Document
//检测手机号是否正确
jQuery.validator.addMethod("<strong>isMobile</strong>", function(value, element) {
var length = value.length;
var regPhone = /^1([3578]\d|4[57])\d{8}$/;
return this.optional(element) || ( length == 11 && regPhone.test( value ) );
}, "请正确填写您的手机号码");
//检测用户姓名是否为汉字
jQuery.validator.addMethod("<span style="color:#FF0000;"><strong>isChar</strong></span>", function(value, element) {
var length = value.length;
var regName = /[^\u4e00-\u9fa5]/g;
return this.optional(element) || !regName.test( value );
}, "请正确格式的姓名(暂支持汉字)");
//檢測邮政编码
jQuery.validator.addMethod("<strong>isZipCode</strong>", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");