本文实例讲述了jquery验证实现动态增加/删除验证规则操作。分享给大家供大家参考,具体如下:
页面加载完成初始化形成validate
$ (" # user_regForm ") . validate ({
errorPlacement:函数(错误,元素){
如果(element.attr (" id ")==笆 眧 | element.attr (" id ")==俺鞘小眧 | element.attr (" id ")==扒颉?{
var error_td=element.parent () .parent (dd) . next ();
其他}{
var error_td=element.parent (dd) . next ();
}
error_td.html (" ");
error_td.append(错误);
element.addClass (“user_regNok”);
}，
错误:函数(标签、元素){
element.addClass (“user_regNok”);
}，
成功:函数(标签、元素){
label.addClass”(“reg_validate_right”)。text ();
element.removeClass (“user_regNok”);
}，
submitHandler:函数(形式){
console.info(“提交:" + $(形式).serializeArray ());
form.submit ();
}，>
var add_user_validate=function () {
console.info (“add_user_validate”);
remove_user_validate ();
$(" #省”).rules(“添加”,{要求:真的,分钟:0,消息:{分钟:“请选择省份“}});
$(" #城市”).rules(“添加”,{要求:真的,分钟:0,消息:{分钟:“请选择城市“}});
$(" #区域”).rules(“添加”,{要求:真的,分钟:0,消息:{分钟:“请选择区域”}});
$ (" # sjhztype”) .rules(“添加”,{要求:真的,分钟:0,消息:{分钟:“请选择合作类型”}});
$ (" # realname”) .rules(“添加”,{要求:真});
$(" #电话").rules(“添加”,{要求:真的,移动:0});
$ (" # shopname”) .rules(“添加”,{要求:真});
}
之前
后来又因为什么原因不详以上元素需要验证
可以删除规则
var remove_user_validate=function () {
console.info (“remove_user_validate”);
$(" #省”).rules(“删除”);
$(" #城市”).rules(“删除”);
$(" #区”).rules(“删除”);
$ (" # sjhztype ") .rules(“删除”);
$ (" # realname ") .rules(“删除”);
$(" #电话").rules(“删除”);
$ (" # shopname ") .rules(“删除”);
}
之前
ok ! !
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》,《jQuery常用插件及用法总结》,《jQuery扩展技巧总结》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
