在使用jQuery驗證插件時,可以使用submitHandler
選項來定義在驗證成功后執行的函數。如果希望在驗證成功后使用Ajax提交表單,可以在submitHandler
函數中使用Ajax來實現。
下面是一個示例代碼:
$(document).ready(function() {
// 初始化表單驗證
$('#myForm').validate({
rules: {
// 定義表單字段的規則
// ...
},
messages: {
// 定義表單字段的錯誤提示信息
// ...
},
submitHandler: function(form) {
// 在驗證成功后執行的函數
// 獲取表單數據
var formData = $(form).serialize();
// 發送Ajax請求
$.ajax({
url: 'submit.php', // 提交表單的URL
type: 'POST', // 請求方法
data: formData, // 表單數據
success: function(response) {
// 處理返回結果
// ...
},
error: function(xhr, status, error) {
// 處理錯誤
// ...
}
});
}
});
});
在上面的示例中,當表單驗證成功后,會執行submitHandler
函數。在該函數中,首先使用serialize()
方法獲取表單數據,然后通過Ajax請求將數據提交到submit.php
頁面。在success
回調函數中可以處理返回結果,在error
回調函數中可以處理錯誤情況。