jquery validate 动态增加删除验证规则
2016-09-30 10:12
429 查看
页面加载完成初始化form validate
[javascript]
view plain
copy
print?
$("#user_regForm").validate({
errorPlacement: function(error, element){
if(element.attr("id")=="province"||element.attr("id")=="city"||element.attr("id")=="area"){
var error_td = element.parent().parent('dd').next();
}else{
var error_td = element.parent('dd').next();
}
error_td.html("");
error_td.append(error);
element.addClass("user_regNok");
},
error:function(label,element){
element.addClass("user_regNok");
},
success : function(label,element){
label.addClass('reg_validate_right').text('');
element.removeClass("user_regNok");
},
submitHandler:function(form){
console.info("submit:"+$(form).serializeArray());
form.submit();
},
onkeyup: false,
rules : {
username:{
required:true,
alipay:true,
remote : {
url :'index.php?mod=ajax&act=check_user',
type:'post',
data:{
username : function(){
return $('#username').val();
}
}
}
},
password : {
required : true,
rangelength:[6,20]
},
password_confirm : {
required : true,
equalTo : '#password'
},
captcha:{
required : true,
maxlength:4,
remote : {
url :'index.php?mod=ajax&act=check_captcha',
type:'post'
}
}
},
messages : {
username:{
alipay:"输入电子邮箱或手机号码",
remote:"用户名已存在"
},
password : {
required : '您必须提供一个密码',
rangelength: '密码长度应在6-20个字符之间'
},
password_confirm : {
required : '您必须再次确认您的密码',
equalTo : '两次输入的密码不一致'
},
captcha:{
required : "请输入验证码",
maxlength:"输入4位验证码",
remote:"验证码错误"
}
}
});
后期比如像增加某些表单的验证规则
[javascript]
view plain
copy
print?
var add_user_validate=function(){
console.info("add_user_validate");
remove_user_validate();
$("#province").rules("add",{required:true,min:0,messages:{min:"请选择省份"}});
$("#city").rules("add",{required:true,min:0,messages:{min:"请选择城市"}});
$("#area").rules("add",{required:true,min:0,messages:{ min:"请选择区域"}});
$("#sjhztype").rules("add",{required:true,min:0,messages:{ min:"请选择合作类型"}});
$("#realname").rules("add",{required:true});
$("#tel").rules("add",{required:true,mobile:0});
$("#shopname").rules("add",{required:true});
}
后来又因为什么原因不详以上元素需要验证
可以删除规则
[javascript]
view plain
copy
print?
var remove_user_validate=function(){
console.info("remove_user_validate");
$("#province").rules("remove");
$("#city").rules("remove");
$("#area").rules("remove");
$("#sjhztype").rules("remove");
$("#realname").rules("remove");
$("#tel").rules("remove");
$("#shopname").rules("remove");
}
[javascript]
view plain
copy
print?
$("#user_regForm").validate({
errorPlacement: function(error, element){
if(element.attr("id")=="province"||element.attr("id")=="city"||element.attr("id")=="area"){
var error_td = element.parent().parent('dd').next();
}else{
var error_td = element.parent('dd').next();
}
error_td.html("");
error_td.append(error);
element.addClass("user_regNok");
},
error:function(label,element){
element.addClass("user_regNok");
},
success : function(label,element){
label.addClass('reg_validate_right').text('');
element.removeClass("user_regNok");
},
submitHandler:function(form){
console.info("submit:"+$(form).serializeArray());
form.submit();
},
onkeyup: false,
rules : {
username:{
required:true,
alipay:true,
remote : {
url :'index.php?mod=ajax&act=check_user',
type:'post',
data:{
username : function(){
return $('#username').val();
}
}
}
},
password : {
required : true,
rangelength:[6,20]
},
password_confirm : {
required : true,
equalTo : '#password'
},
captcha:{
required : true,
maxlength:4,
remote : {
url :'index.php?mod=ajax&act=check_captcha',
type:'post'
}
}
},
messages : {
username:{
alipay:"输入电子邮箱或手机号码",
remote:"用户名已存在"
},
password : {
required : '您必须提供一个密码',
rangelength: '密码长度应在6-20个字符之间'
},
password_confirm : {
required : '您必须再次确认您的密码',
equalTo : '两次输入的密码不一致'
},
captcha:{
required : "请输入验证码",
maxlength:"输入4位验证码",
remote:"验证码错误"
}
}
});
后期比如像增加某些表单的验证规则
[javascript]
view plain
copy
print?
var add_user_validate=function(){
console.info("add_user_validate");
remove_user_validate();
$("#province").rules("add",{required:true,min:0,messages:{min:"请选择省份"}});
$("#city").rules("add",{required:true,min:0,messages:{min:"请选择城市"}});
$("#area").rules("add",{required:true,min:0,messages:{ min:"请选择区域"}});
$("#sjhztype").rules("add",{required:true,min:0,messages:{ min:"请选择合作类型"}});
$("#realname").rules("add",{required:true});
$("#tel").rules("add",{required:true,mobile:0});
$("#shopname").rules("add",{required:true});
}
后来又因为什么原因不详以上元素需要验证
可以删除规则
[javascript]
view plain
copy
print?
var remove_user_validate=function(){
console.info("remove_user_validate");
$("#province").rules("remove");
$("#city").rules("remove");
$("#area").rules("remove");
$("#sjhztype").rules("remove");
$("#realname").rules("remove");
$("#tel").rules("remove");
$("#shopname").rules("remove");
}
相关文章推荐
- jquery validate 动态增加删除验证规则
- jquery validate 动态增加删除验证规则(转载)
- jquery validate 动态增加删除验证规则
- jquery validate 插件动态添加删除验证规则
- jquery validate动态添加/删除规则
- jquery validate的动态加入另一个js文件的验证规则
- jQuery validate 根据上下文条件动态给字段添加或删除验证选项?
- 关于Jquery.validate.js中动态删除验证remove方法的Bug
- jquery validator之动态增加/删除验证规则
- jquery 的validate 动态添加验证规则 及 jquery选择器 name带变量
- jquery 实现表格内的tr与td,动态添加与删除. 以及序号增加与减少,大多用在Form里
- jquery validate添加自定义验证规则(验证邮箱 邮政编码)
- jquery动态增加删除表格行的小例子
- Jquery动态增加行和删除行
- jquery动态增加text元素以及删除文本内容实例代码
- jquery动态添加验证规则
- jquery validate添加自定义验证规则(验证邮箱 邮政编码)
- jquery动态增加表格,删除表格
- jQuery动态增加表格一行和删除一行
- jquery 动态添加table与删除动态增加tr,table