當我們在一些稍微復雜的業務時,可能會遇到需要多個表單form在同一個頁面的情況,但是提交一個表單以后不想頁面刷新或者跳轉,那么我們考慮到的就是Ajax提交表單,那么如何讓Jquery的validator插件也可以對異步提交的表單進行驗證呢?我們繼續往下看。
?
在這里,我就用網絡上的一個例子來說明好了。 ?
下面是一個比較常見的jquery .ajax提交表單的寫法 ?
在這里,我就用網絡上的一個例子來說明好了。 ?
下面是一個比較常見的jquery .ajax提交表單的寫法 ?
$("#submitButton").click( function (){ // 序列化表單 var param = $("#leaveSave" ).serialize(); $.ajax({ url : "leaveSave.action" , type : "post" , dataType : "json" , data: param, success : function (result) { if (result=='success' ) { location.href ='allRequisitionList.action' ; } else if (result.startWith("error_" )){ $( "#errorMessage").html(result.substring(6 )); } else { // 返回的結果轉換成JSON數據 var jsonObj = eval('('+result+')' ); startTime = $("#startdate" ).val(); endTime = $("#enddate" ).val(); hour = jsonObj.hour; reason = jsonObj.reason; replaceDom(startTime,endTime,hour,reason); } } }); });
?
如果想用ajax提交表單,還想用jquery的validate進行驗證,那么可以這樣解決:表單還是正常編寫的表單內容,type還是submit類型,只不過在validate驗證通過后的方法中使用ajax提交表單?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
