jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法
更新時間：2016年12月15日 16:19:05 作者：qq_33388068
一般的表單校驗都是直接注冊在頁面上的匿名函數(shù)，導致只能通過固定的提交方式觸發(fā)表單校驗，如果想自定義一個按鈕觸發(fā)表單校驗如何實現(xiàn)呢，下面通過本文給大家詳細介紹
一般的表單校驗都是直接注冊在頁面上的匿名函數(shù)，導致只能通過固定的提交方式觸發(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(){
/*關鍵在此增加了一個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)正常顯示在表單上
}
});
以上所述是小編給大家介紹的jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- jquery validate.js表單驗證的基本用法入門
- jQuery.Validate驗證庫的使用介紹
- jQuery驗證插件 Validate詳解
- Jquery Validate 正則表達式實用驗證代碼大全
- jQuery驗證插件validate使用方法詳解
- jquery validate添加自定義驗證規(guī)則(驗證郵箱 郵政編碼)
- jQuery Validate 相關參數(shù)及常用的自定義驗證規(guī)則
- jquery.validate使用攻略 第五步 正則驗證
- jquery.validate 自定義驗證方法及validate相關參數(shù)
- jQuery插件Validate實現(xiàn)自定義表單驗證
- jquery validate 實現(xiàn)動態(tài)增加/刪除驗證規(guī)則操作示例
相關文章
40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之二
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片，并且用戶可以點擊左右按鈕來切換圖片。2011-12-12
這篇文章主要介紹了jquery解決客戶端跨域訪問問題,jQuery.ajax()支持get方式的跨域，這其實是采用jsonp的方式來完成的，需要的朋友可以參考下2015-01-01
本文給大家匯總介紹了幾個jQuery中不常用的方法，記錄一下，分享給大家，有需要的小伙伴可以參考下。2015-07-07
S2SH整合JQuery+Ajax實現(xiàn)登錄驗證功能實現(xiàn)代碼
登錄驗證,在項目開發(fā)中很常用的，尤其是這一塊非常有利于用戶體驗，感興趣的朋友可以參考下，或許對你學習登陸驗證有所幫助，好了閑話不多說了，看代碼2013-01-01
凡是運用$,其返回值是一個object $選擇器主要用于選擇標簽.基本用法是同css的選擇器.2010-03-03
下面小編就為大家?guī)硪黄贚ayUI實現(xiàn)前端分頁功能的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
圖片延遲加載并等比縮放，一個簡單的JQuery插件。 需要的朋友可以參考下。2009-11-11
在本教程中，我將告訴你如何使用一些常見的形式領域jquery.maxlength.js2011-09-09
今天要介紹的是實現(xiàn)類跑馬燈效果的的廣告插件。類似偶公司web-dev的同事在網(wǎng)站首頁上做的目錄廣告播放器。其實很簡單，LEVIN實際應用中也用到,所以稍作整理如下.2010-04-04
JQuery判斷radio（單選框）是否選中和獲取選中值方法總結
這篇文章主要介紹了JQuery判斷radio（單選框）是否選中和獲取選中值方法總結,本文講解了利用獲取選中值判斷選中、使用checked屬性判斷選中、jquery獲取radio單選按鈕的值、獲取一組radio被選中項的值、設置單選按鈕被選中等內(nèi)容,需要的朋友可以參考下2015-04-04