欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2016年12月15日 16:19:05   作者：qq_33388068  
一般的表單校驗(yàn)都是直接注冊(cè)在頁(yè)面上的匿名函數(shù)，導(dǎo)致只能通過(guò)固定的提交方式觸發(fā)表單校驗(yàn)，如果想自定義一個(gè)按鈕觸發(fā)表單校驗(yàn)如何實(shí)現(xiàn)呢，下面通過(guò)本文給大家詳細(xì)介紹

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

目前寫(xiě)法：

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

改寫(xiě)方法：

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

以上所述是小編給大家介紹的jQuery Validate讓普通按鈕觸發(fā)表單驗(yàn)證的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論