jquery validate 實現動態(tài)增加/刪除驗證規(guī)則操作示例
更新時間：2019年10月28日 10:34:05 作者：lihaiboas1
這篇文章主要介紹了jquery validate 實現動態(tài)增加/刪除驗證規(guī)則操作,結合實例形式分析了jQuery validate表單驗證相關操作技巧,需要的朋友可以參考下
本文實例講述了jquery validate 實現動態(tài)增加/刪除驗證規(guī)則操作。分享給大家供大家參考，具體如下：
頁面加載完成初始化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?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:"驗證碼錯誤"
}
}
});
后期比如像增加某些表單的驗證規(guī)則
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:"請選擇區(qū)域"}});
$("#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});
}
后來又因為什么原因不詳以上元素需要驗證
可以刪除規(guī)則
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程序設計有所幫助。
相關文章
這篇文章主要介紹了jQuery中DOM節(jié)點的刪除方法,文中介紹的很相信，內容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數據的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。2017-01-01
這篇文章主要為大家詳細介紹了jquery精度計算代碼,jquery指定精確小數位，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了JQuery限制文本框只能輸入數字和小數點的方法，大家參考使用吧2014-01-01
這篇文章主要介紹了jQuery實現的文字逐行向上間歇滾動效果,涉及jQuery基于時間函數的頁面元素樣式動態(tài)變換相關操作技巧,需要的朋友可以參考下2017-09-09
今天為大家推薦的是2013年的第一期，在這期里面十個jQuery插件涵蓋了響應式的網格布局插件、圖片放大插件、表單元素中自定義select插件，google 地圖插件、文件拖放上傳插件、tooltip提示插件、3D旋轉菜單等等2013-11-11
如果在iframe中使用則彈不出對話框，而有時候我們還必須得使用iframe而不能用jQuery的load方式，下面有個不錯的處理方法，希望對大家有所幫助2014-01-01
這篇文章主要介紹了jquery數組過濾篩選方法grep()簡介,需要的朋友可以參考下2014-06-06
博客園是程序員們比較喜歡的聚集地，很多人喜歡發(fā)發(fā)心得，一直都覺著挺好的，但最不滿意他的一點是，沒有返回到頂部的功能，好吧，我們自己來添。2015-01-01
當頁面文件.html作為本地文件打開(即IE路徑為file:///開頭的)的時候，需要訪問本地文本文件的內容時2012-07-07
主要是為了往后的項目中方便實現這類型的功能，在之前做問卷調查那個應用中，就用到這個來顯示結果，但當時開發(fā)時并不用是插件的，一大堆代碼，看也煩，用起來很麻煩2012-09-09