當(dāng)我們在一些稍微復(fù)雜的業(yè)務(wù)時，可能會遇到需要多個表單form在同一個頁面的情況，但是提交一個表單以后不想頁面刷新或者跳轉(zhuǎn)，那么我們考慮到的就是Ajax提交表單，那么如何讓Jquery的validator插件也可以對異步提交的表單進(jìn)行驗證呢？我們繼續(xù)往下看。
?
在這里，我就用網(wǎng)絡(luò)上的一個例子來說明好了。 ?
下面是一個比較常見的jquery .ajax提交表單的寫法 ?
在這里，我就用網(wǎng)絡(luò)上的一個例子來說明好了。 ?
下面是一個比較常見的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
{
//
返回的結(jié)果轉(zhuǎn)換成JSON數(shù)據(jù)
var
jsonObj = eval('('+result+')'
);
startTime
= $("#startdate"
).val();
endTime
= $("#enddate"
).val();
hour
=
jsonObj.hour;
reason
=
jsonObj.reason;
replaceDom(startTime,endTime,hour,reason);
}
}
});
});
?
如果想用ajax提交表單，還想用jquery的validate進(jìn)行驗證,那么可以這樣解決：表單還是正常編寫的表單內(nèi)容，type還是submit類型，只不過在validate驗證通過后的方法中使用ajax提交表單?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
