主页 / 问题 / 614501
Accepted
tCode
Asked:2020-01-14 07:23:13 +0000 UTC2020-01-14 07:23:13 +0000 UTC

为什么JS代码会阻塞提交

  • 772

ASP.NET MVC 上有一个表单。
模型显示在表单上，​​其属性具有标准验证的某些属性[Required]
当submit表单被触发时，标准库中的验证器：

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));

当您向页面添加脚本时，当您单击按钮submit时将其锁定，然后在 2 秒后将其激活，submit表单不会出现，锁定 \ 解锁脚本本身可以正常工作，这是什么问题？需要向该脚本中添加什么才能submit成功计算？

$(function() {
    $(".btn").each(function() {
        $(this).on("click", function () {
            var e = $(this);
            e.attr("disabled", "disabled");
            setTimeout(function() {
                e.removeAttr("disabled");
            }, 2000);
        });
    });
});
html

1 个回答

  1. Best Answer

    您在提交表单之前阻止了按钮。

    设置一个小的超时以在短时间内阻止按钮：

    是的，each你不需要

    $(".btn").on("click", function() {
  var e = $(this);
  setTimeout(function() {
     e.attr("disabled", "disabled");
  },10);
  setTimeout(function() {
    e.removeAttr("disabled");
  }, 2000);

});
    • 2

相关问题