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(){ /*關(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)正常顯示在表單上 } });
以上所述是小編給大家介紹的jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- jquery validate.js表單驗證的基本用法入門
- jQuery.Validate驗證庫的使用介紹
- jQuery驗證插件 Validate詳解
- Jquery Validate 正則表達式實用驗證代碼大全
- jQuery驗證插件validate使用方法詳解
- jquery validate添加自定義驗證規(guī)則(驗證郵箱 郵政編碼)
- jQuery Validate 相關(guān)參數(shù)及常用的自定義驗證規(guī)則
- jquery.validate使用攻略 第五步 正則驗證
- jquery.validate 自定義驗證方法及validate相關(guān)參數(shù)
- jQuery插件Validate實現(xiàn)自定義表單驗證
- jquery validate 實現(xiàn)動態(tài)增加/刪除驗證規(guī)則操作示例
相關(guān)文章
40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之二
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。2011-12-12S2SH整合JQuery+Ajax實現(xiàn)登錄驗證功能實現(xiàn)代碼
登錄驗證,在項目開發(fā)中很常用的,尤其是這一塊非常有利于用戶體驗,感興趣的朋友可以參考下,或許對你學習登陸驗證有所幫助,好了閑話不多說了,看代碼2013-01-01JQuery判斷radio(單選框)是否選中和獲取選中值方法總結(jié)
這篇文章主要介紹了JQuery判斷radio(單選框)是否選中和獲取選中值方法總結(jié),本文講解了利用獲取選中值判斷選中、使用checked屬性判斷選中、jquery獲取radio單選按鈕的值、獲取一組radio被選中項的值、設置單選按鈕被選中等內(nèi)容,需要的朋友可以參考下2015-04-04