明霞山资源网 Design By www.htccd.com
本文实例讲述了jquery validate 实现动态增加/删除验证规则操作。分享给大家供大家参考，具体如下：
页面加载完成初始化form validate
$("#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"输入电子邮箱或手机号码",
remote:"用户名已存在"
},
password : {
required : '您必须提供一个密码',
rangelength: '密码长度应在6-20个字符之间'
},
password_confirm : {
required : '您必须再次确认您的密码',
equalTo : '两次输入的密码不一致'
},
captcha:{
required : "请输入验证码",
maxlength:"输入4位验证码",
remote:"验证码错误"
}
}
});
后期比如像增加某些表单的验证规则
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});
}
后来又因为什么原因不详以上元素需要验证
可以删除规则
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");
}
ok！！
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
明霞山资源网 Design By www.htccd.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
明霞山资源网 Design By www.htccd.com
暂无评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。