jQuery Validate讓普通按鈕觸發(fā)表單驗(yàn)證的方法
一般的表單校驗(yàn)都是直接注冊(cè)在頁(yè)面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗(yàn),如果想自定義一個(gè)按鈕觸發(fā)表單校驗(yàn)如何實(shí)現(xiàn)呢?
目前寫法:
$(function(){ $("#form").validate({ rules : { user_name : { required : true }, …… }, messages : { user_name : { required : '用戶名必填', }, …… } }); });
改寫方法:
//編寫表單驗(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方法,返回的是是否通過驗(yàn)證*/ return $("#form").validate({ rules : { user_name : { required : true }, …… }, messages : { user_name : { required : '用戶名必填', }, …… } }); } //注冊(cè)表單驗(yàn)證 $(validform()); 以上部分已經(jīng)實(shí)現(xiàn)匿名函數(shù)的作用,下面介紹如何通過普通按鈕實(shí)現(xiàn)表單驗(yàn)證 $("#btn").click(function(){ if(validform().form()) { //通過表單驗(yàn)證,以下編寫自己的代碼 } else { //校驗(yàn)不通過,什么都不用做,校驗(yàn)信息已經(jīng)正常顯示在表單上 } });
以上所述是小編給大家介紹的jQuery Validate讓普通按鈕觸發(fā)表單驗(yàn)證的方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jquery validate.js表單驗(yàn)證的基本用法入門
- jQuery.Validate驗(yàn)證庫(kù)的使用介紹
- jQuery驗(yàn)證插件 Validate詳解
- Jquery Validate 正則表達(dá)式實(shí)用驗(yàn)證代碼大全
- jQuery驗(yàn)證插件validate使用方法詳解
- jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
- jQuery Validate 相關(guān)參數(shù)及常用的自定義驗(yàn)證規(guī)則
- jquery.validate使用攻略 第五步 正則驗(yàn)證
- jquery.validate 自定義驗(yàn)證方法及validate相關(guān)參數(shù)
- jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
- jquery validate 實(shí)現(xiàn)動(dòng)態(tài)增加/刪除驗(yàn)證規(guī)則操作示例
相關(guān)文章
40個(gè)有創(chuàng)意的jQuery圖片和內(nèi)容滑動(dòng)及彈出插件收藏集之二
在網(wǎng)頁(yè)的首頁(yè)或圖片專題頁(yè)面很多地方都會(huì)用到圖片滑動(dòng)插件來循環(huán)切換多張圖片,并且用戶可以點(diǎn)擊左右按鈕來切換圖片。2011-12-12S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
登錄驗(yàn)證,在項(xiàng)目開發(fā)中很常用的,尤其是這一塊非常有利于用戶體驗(yàn),感興趣的朋友可以參考下,或許對(duì)你學(xué)習(xí)登陸驗(yàn)證有所幫助,好了閑話不多說了,看代碼2013-01-01基于LayUI實(shí)現(xiàn)前端分頁(yè)功能的方法
下面小編就為大家?guī)硪黄贚ayUI實(shí)現(xiàn)前端分頁(yè)功能的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07JQuery 插件制作實(shí)踐 xMarquee插件V1.0
今天要介紹的是實(shí)現(xiàn)類跑馬燈效果的的廣告插件。類似偶公司web-dev的同事在網(wǎng)站首頁(yè)上做的目錄廣告播放器。其實(shí)很簡(jiǎn)單,LEVIN實(shí)際應(yīng)用中也用到,所以稍作整理如下.2010-04-04JQuery判斷radio(單選框)是否選中和獲取選中值方法總結(jié)
這篇文章主要介紹了JQuery判斷radio(單選框)是否選中和獲取選中值方法總結(jié),本文講解了利用獲取選中值判斷選中、使用checked屬性判斷選中、jquery獲取radio單選按鈕的值、獲取一組radio被選中項(xiàng)的值、設(shè)置單選按鈕被選中等內(nèi)容,需要的朋友可以參考下2015-04-04