jQueryの検証機能とAjaxによる送信を使用したSubmitHandler

jQuery Validationプラグインでは、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 ページへ送信します。成功時コールバック関数で結果を処理し、エラー時コールバック関数でエラーの発生に対処できます。