javascript - blockUI 试图实现您的请求正在处理弹出窗口仅在调试时在服务器上不起作用

Question

每次页面发布方法需要一些时间来处理时，我都希望能够显示消息和 gif。我希望这发生在应用程序中的每个表单上，而不仅仅是一个。

因此我将以下 Javascript 文件 processing.js 放入我的脚本文件夹中

$(document).ready(function() {
    var submitprocessingmsg = "<strong>Processing</strong><br /><img src='~/Images/processing.gif' />";
    // Block UI when submitting forms
    $("input:submit").click(function() {
        if ($("form").valid()) {
        $.blockUI({
            message: submitprocessingmsg
        });
        }
    });
});

我在 _Layout.cshtml 页面中调用它:

@Scripts.Render("~/Scripts/Processing.js")

我试图触发它的页面示例是:

@using (Html.BeginForm())
{
        @Html.AntiForgeryToken()
            <div class="form-horizontal">
      //Various form inputs here  
<div class="form-group">
        <div class="col-md-10">

            <input type="submit" value="Accept Terms and Enter Event" class="btn btn-default"/>
        </div>
    </div>
</div>
}

我让它在 Debug模式下工作，但是当我将它部署到服务器时它不工作，甚至没有错误消息

Answer 1

它没有触发，因为 input:submit 不是一个事件。您需要 form:submit。