abstrakt:一般的表單校驗都是直接注冊在頁面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗,如果想自定義一個按鈕觸發(fā)表單校驗如何實現(xiàn)呢?目前寫法: $(function(){ $("#form").validate({ rules : { user_name
一般的表單校驗都是直接注冊在頁面上的匿名函數(shù),導(dǎo)致只能通過固定的提交方式觸發(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)正常顯示在表單上 } });
更多關(guān)于jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法請關(guān)注PHP中文網(wǎng)(ipnx.cn)其它文章!