1,普通验证规则:var validopts = {
rules: {
Username: {
required: true
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
}
};2,ajax方式
var validopts = {
rules: {
nameAvailable: { check: function(){用到ajax}
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
}
};
3,其实完全可以用自带的ajax实现:
var validopts = {
rules: {
nameAvailable: { remote: {
url: url ,//action 路径返回true验证成功。
type:'get'
} },
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
}
};,4,自定义方法也可以这么写: jQuery.validator.addMethod("规则名", function(value, element) {
return $("#omima").val()!=$("#nmima").val();
}, "验证失败提示信息");
// 这样就可以像validat自带的规则一样所使用了。,5,验证提示信息,可以用这种方式自定义 。这样就会覆盖原来的默认信息。
jQuery.extend(jQuery.validator.messages, {
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} 的值")
});也可以写在验证规则里,
var validopts = {
rules: {
Username: {
required: true
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
},
messages:{
"Username":{required:"用户名不能为空! 。"},
"Password":{required:"密码不能为空!。"}
}
}; //这里的id没定义提示信息,那么就会使用默认的。
//这里的字段名字,若果你用的是struts2 ,可以写成:“对象名.属性名”
6,验证规则怎么用$(function(){
$("#Form").validate(validopts);
});这样表单submit就会验证,给出提示,或者成功提交。7,不用submit怎么触发验证:$("#Form").valid()验证返回boolean值。
8,我想自定义消息提示方式:var validopts = {
rules: {
Username: {
required: true
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
},
errorPlacement:function(error,element){
//自定义验证信息提示方式
}
};
$(function(){
var vali = {
rules: {
"messageDutyInfo.fullname": {
required: true
},
"messageDutyInfo.loginname": {
required: true
},
"messageDutyInfo.acceptfullname": {
required: true
},
"messageDutyInfo.acceptloginname": {
required: true
},
"messageDutyInfo.begintime": {
required: true
},
"messageDutyInfo.endtimg": {
required: true,
timeCompare:true
},
"messageDutyInfo.mobile" :{
required: true,
number:true
}
},
messages:{
"messageDutyInfo.fullname":{required:"操作人全名不能为空! 。"},
"messageDutyInfo.loginname":{required:"操作人登录名不能为空!。"},
"messageDutyInfo.acceptfullname":{required:"接收人全名不能为空!。 "},
"messageDutyInfo.acceptloginname":{required:"接收人登录名不能为空! 。"},
"messageDutyInfo.begintime":{required:"接收开始时间不能为空!。 "},
"messageDutyInfo.endtimg":{required:"结束时间不能为空!。 ",timeCompare:"结束时间不能小于开始时间! 。"},
"messageDutyInfo.mobile":{required:"手机号码不能为空!。 ",number:"请填写正确的手机号码!。 "}
} ,
errorPlacement:function(error,element){
error.appendTo("#error");
}
};
$("#messageForm").validate(vali);
});
rules: {
Username: {
required: true
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
}
};2,ajax方式
var validopts = {
rules: {
nameAvailable: { check: function(){用到ajax}
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
}
};
3,其实完全可以用自带的ajax实现:
var validopts = {
rules: {
nameAvailable: { remote: {
url: url ,//action 路径返回true验证成功。
type:'get'
} },
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
}
};,4,自定义方法也可以这么写: jQuery.validator.addMethod("规则名", function(value, element) {
return $("#omima").val()!=$("#nmima").val();
}, "验证失败提示信息");
// 这样就可以像validat自带的规则一样所使用了。,5,验证提示信息,可以用这种方式自定义 。这样就会覆盖原来的默认信息。
jQuery.extend(jQuery.validator.messages, {
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} 的值")
});也可以写在验证规则里,
var validopts = {
rules: {
Username: {
required: true
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
},
messages:{
"Username":{required:"用户名不能为空! 。"},
"Password":{required:"密码不能为空!。"}
}
}; //这里的id没定义提示信息,那么就会使用默认的。
//这里的字段名字,若果你用的是struts2 ,可以写成:“对象名.属性名”
6,验证规则怎么用$(function(){
$("#Form").validate(validopts);
});这样表单submit就会验证,给出提示,或者成功提交。7,不用submit怎么触发验证:$("#Form").valid()验证返回boolean值。
8,我想自定义消息提示方式:var validopts = {
rules: {
Username: {
required: true
},
Password: {
required: true
},
id: {
number: true,
maxlength: 4
}
},
errorPlacement:function(error,element){
//自定义验证信息提示方式
}
};
$(function(){
var vali = {
rules: {
"messageDutyInfo.fullname": {
required: true
},
"messageDutyInfo.loginname": {
required: true
},
"messageDutyInfo.acceptfullname": {
required: true
},
"messageDutyInfo.acceptloginname": {
required: true
},
"messageDutyInfo.begintime": {
required: true
},
"messageDutyInfo.endtimg": {
required: true,
timeCompare:true
},
"messageDutyInfo.mobile" :{
required: true,
number:true
}
},
messages:{
"messageDutyInfo.fullname":{required:"操作人全名不能为空! 。"},
"messageDutyInfo.loginname":{required:"操作人登录名不能为空!。"},
"messageDutyInfo.acceptfullname":{required:"接收人全名不能为空!。 "},
"messageDutyInfo.acceptloginname":{required:"接收人登录名不能为空! 。"},
"messageDutyInfo.begintime":{required:"接收开始时间不能为空!。 "},
"messageDutyInfo.endtimg":{required:"结束时间不能为空!。 ",timeCompare:"结束时间不能小于开始时间! 。"},
"messageDutyInfo.mobile":{required:"手机号码不能为空!。 ",number:"请填写正确的手机号码!。 "}
} ,
errorPlacement:function(error,element){
error.appendTo("#error");
}
};
$("#messageForm").validate(vali);
});
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货