javascript - jQueryUI 的 blockUI 阻塞不当

Question

我正在制作一个电子商务网络应用程序(在 MVC3 中)，现在我正在测试它。我的问题是:每当有人多次点击提交按钮时，我都会发出尽可能多的请求并将其保存在数据库中。因此，我正在实现一些客户端和服务器端代码来防止这些多次提交。每当有人点击提交按钮时，客户端就会阻塞屏幕，如下所示:

$(document).ready(function () {
    $('input[type=submit]').click(function () {
        blockScreen();
    });

    $.unblockUI();
}
function blockScreen() {
    $.blockUI({ message: '<h1><img src="../images/processing.gif" /></h1>' 
});

我在 blockUI 中遇到的问题是，当有人单击提交但存在 ModelState 错误(例如未填写必填字段)时，屏幕会被阻止，并且无法解锁，除非重新加载或使用浏览器控制台。

服务器端验证，因此它不会有复制，我稍后会做，所以不需要考虑这个问题......

Answer 1

我找到了答案...按照 krish 的建议，我添加了这个脚本:

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>到我的主视图并在我的 js 上使用它:

$('form').submit(function () {
    if ($(this).valid()) {
        blockScreen();
    }
});