jquery – ASP.NET MVC:如果客户端验证通过,则禁用“提交”按钮

前端之家收集整理的这篇文章主要介绍了jquery – ASP.NET MVC:如果客户端验证通过,则禁用“提交”按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个启用了客户端验证的简单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();
    });
});

解决方法

您可以将此代码挂钩到表单验证器中.只需确保它在jquery.validator.unobtrusive之后执行.
<script>
    $("#you-form-id").data("validator").settings.submitHandler = function(form) {
         $("#submit-button").attr("disabled",true).val("Working");
         form.submit();
    };
</script>

猜你在找的jQuery相关文章