DIV CSS 佈局教程網

 一般的表單校驗都是直接注冊在頁面上的匿名函數，導致只能通過固定的提交方式觸發表單校驗，如果想自定義一個按鈕觸發表單校驗如何實現呢？

目前寫法：

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

改寫方法：

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

以上所述是小編給大家介紹的jQuery Validate讓普通按鈕觸發表單驗證的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！