jquery - ASP.NET MVC : Disable Submit button if Client Validation passes

Question

我有一个简单的 MVC4 表单，启用了客户端验证:

 @{ Html.EnableClientValidation(); }
 @{ Html.EnableUnobtrusiveJavaScript(); }
 @using (Html.BeginForm("Search", "Search", FormMethod.Post, new { id = "frmMain" }))
    {
      @Html.AntiForgeryToken() .....
      <input type="submit" value="Search" id="btnSubmit" />

当用户单击提交时并且所有验证都在客户端上通过，我希望按照下面的 jQuery 禁用提交按钮。我如何知道我的 jQuery 脚本中的验证是否已通过客户端？

<script type="text/javascript">

$(document).ready(function () {
    $('input[type=submit]').click(function (e) {
        $(this).attr('disabled', true);
        $(this).attr('value', 'Working');
        $('#frmMain').submit();
    });
});

Answer 1

您可以将此代码挂接到表单验证器中。只需确保它在 jquery.validator.unobtrusive 之后执行即可。

<script>
    $("#you-form-id").data("validator").settings.submitHandler = function(form) {
         $("#submit-button").attr("disabled",true).val("Working");
         form.submit();
    };
</script>