首先,确保在视图中引用了必要的 JavaScript 文件,包括 jQuery 和 jQuery Validate,例如:
在表单中使用 jQuery Validate,例如:
在 AJAX 请求中添加以下选项:
$.ajax({
type: "POST",
url: "/myController/myAction",
data: $("#myForm").serialize(),
success: function (result) {
// Handle success response
},
error: function (xhr, status, error) {
// Handle error response
},
// 添加以下选项
beforeSend: function () {
return $("#myForm").valid();
}
});
这里使用了 beforeSend 选项来在发送请求前验证表单。只有当表单验证通过时,请求才会被发送。
在控制器中添加以下代码来返回验证错误:
if (!ModelState.IsValid)
{
var errors = ModelState.Values.SelectMany(v => v.Errors);
return BadRequest(errors);
}
这里使用了 ModelState.IsValid 属性来判断模型绑定是否成功,如果没有成功,则返回所有错误。返回的数据格式可以自行定义。