在使用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ù)中可以處理錯誤情況。