如何在 $.ajax() 中或之前强制进行客户端验证

发布于 2024-11-09 11:28:59 字数 363 浏览 3 评论 0原文

我有一个表单并启用了不显眼的验证。默认情况下，在提交方法中会触发客户端验证，并且（如果有任何错误）表单如下所示：

在此处输入图像描述

验证甚至在任何数据发送到服务器之前就发生。

现在，如果您想使用 $.ajax 方法，此行为将不起作用。客户端验证不起作用。您必须手动检查 javascript 中的所有字段，从而失去了 DataAnnotations 的所有优点。

还有更好的解决办法吗？我可以使用 jquery 的 submit() 但我想它没有像 $.ajax 这样的回调。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

放肆 2024-11-16 11:28:59

哦...

if (form.valid()) // do submit

Oh...

if (form.valid()) // do submit

回复收藏 0 原文

流年已逝 2024-11-16 11:28:59

在检查表单是否有效之前，您必须强制表单进行验证。像这样的东西：

var form = $( "#myform" );
form.validate();
if (form.valid()) {
    // ...
}

You must force the form to validate before checking if it is valid. Something like this:

var form = $( "#myform" );
form.validate();
if (form.valid()) {
    // ...
}

回复收藏 0 原文

别靠近我心 2024-11-16 11:28:59

我做了...

$("#form-submit-button").click(function (e) {
    e.preventDefault(); // Stops the form automatically submitting
    if ($("#my-form").valid()) {
        $("#my-form").submit();
    }
});

如果您有一个带有插件的文本框，可以将这些文本框变成日历控件，这似乎也是一个很好的解决方案。我这样说的唯一原因是因为我将 Zebra Datepicker 与 MVC 表单一起使用，如果焦点位于日历日期选择器上，它将提交无效表单。使用下面的代码可以阻止这种情况。

I did...

$("#form-submit-button").click(function (e) {
    e.preventDefault(); // Stops the form automatically submitting
    if ($("#my-form").valid()) {
        $("#my-form").submit();
    }
});

This also seems to be a good solution if you have say textboxes with a plugin to make those textboxes into a calendar control. Only reason I say this is because I used Zebra Datepicker with an MVC form and it would submit an invalid form if focus was on the calendar date picker. Using the below code stops this.

回复收藏 0 原文