jQuery的ajax中使用FormData實現頁面無刷新上傳功能
658
2024-02-05
一般的表單校驗都是直接注冊在頁面上的匿名函數,導致只能通過固定的提交方式觸發表單校驗,如果想自定義一個按鈕觸發表單校驗如何實現呢?
目前寫法:
$(function(){ $("#form").validate({ rules : { user_name : { required : true }, …… }, messages : { user_name : { required : '用戶名必填', }, …… } }); });
改寫方法:
//編寫表單驗證函數validform,在驗證按鈕注冊按鈕點擊事件內調用驗證函數對象 function validform(){ /*關鍵在此增加了一個return,返回的是一個validate對象,這個對象有一個form方法,返回的是是否通過驗證*/ return $("#form").validate({ rules : { user_name : { required : true }, …… }, messages : { user_name : { required : '用戶名必填', }, …… } }); } //注冊表單驗證 $(validform()); 以上部分已經實現匿名函數的作用,下面介紹如何通過普通按鈕實現表單驗證 $("#btn").click(function(){ if(validform().form()) { //通過表單驗證,以下編寫自己的代碼 } else { //校驗不通過,什么都不用做,校驗信息已經正常顯示在表單上 } });
以上所述是小編給大家介紹的jQuery Validate讓普通按鈕觸發表單驗證的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!