溫馨提示×

jQuery驗證帶有Ajax提交的SubmitHandler

小云
90
2023-09-26 04:14:34
欄目: 編程語言

在使用jQuery驗證插件時,可以使用submitHandler選項來定義在驗證成功后執(zhí)行的函數(shù)。如果希望在驗證成功后使用Ajax提交表單,可以在submitHandler函數(shù)中使用Ajax來實現(xiàn)。

下面是一個示例代碼:

$(document).ready(function() {
// 初始化表單驗證
$('#myForm').validate({
rules: {
// 定義表單字段的規(guī)則
// ...
},
messages: {
// 定義表單字段的錯誤提示信息
// ...
},
submitHandler: function(form) {
// 在驗證成功后執(zhí)行的函數(shù)
// 獲取表單數(shù)據(jù)
var formData = $(form).serialize();
// 發(fā)送Ajax請求
$.ajax({
url: 'submit.php', // 提交表單的URL
type: 'POST', // 請求方法
data: formData, // 表單數(shù)據(jù)
success: function(response) {
// 處理返回結果
// ...
},
error: function(xhr, status, error) {
// 處理錯誤
// ...
}
});
}
});
});

在上面的示例中,當表單驗證成功后,會執(zhí)行submitHandler函數(shù)。在該函數(shù)中,首先使用serialize()方法獲取表單數(shù)據(jù),然后通過Ajax請求將數(shù)據(jù)提交到submit.php頁面。在success回調函數(shù)中可以處理返回結果,在error回調函數(shù)中可以處理錯誤情況。

0