亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法

Original 2016-12-26 10:52:47 329
abstrakt:一般的表單校驗都是直接注冊在頁面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗,如果想自定義一個按鈕觸發(fā)表單校驗如何實現(xiàn)呢?目前寫法:   $(function(){  $("#form").validate({   rules : {    user_name 

一般的表單校驗都是直接注冊在頁面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗,如果想自定義一個按鈕觸發(fā)表單校驗如何實現(xiàn)呢?

目前寫法:   

$(function(){
 $("#form").validate({
  rules : {
   user_name : {
    required : true
   },
   ……
  },
  messages : {
   user_name : {
    required : '用戶名必填',
   },
   ……
  }
 });
});

   

改寫方法:

//編寫表單驗證函數(shù)validform,在驗證按鈕注冊按鈕點擊事件內(nèi)調(diào)用驗證函數(shù)對象
function validform(){
 /*關(guān)鍵在此增加了一個return,返回的是一個validate對象,這個對象有一個form方法,返回的是是否通過驗證*/
 return $("#form").validate({
  rules : {
   user_name : {
    required : true
   },
   ……
  },
  messages : {
   user_name : {
    required : '用戶名必填',
   },
   ……
  }
 });
}
//注冊表單驗證
$(validform());
以上部分已經(jīng)實現(xiàn)匿名函數(shù)的作用,下面介紹如何通過普通按鈕實現(xiàn)表單驗證
$("#btn").click(function(){
 if(validform().form()) {
  //通過表單驗證,以下編寫自己的代碼
 } else {
  //校驗不通過,什么都不用做,校驗信息已經(jīng)正常顯示在表單上
 }
});

 更多關(guān)于jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法請關(guān)注PHP中文網(wǎng)(ipnx.cn)其它文章!   


Versionshinweise

Beliebte Eintr?ge