如何防止双击MVC Html.SubmitButton

Ray*_*und 2 model-view-controller asp.net-mvc jquery

你如何防止使用jQuery对MVC Html.SubmitButton进行双击,它还需要考虑表单上的验证控件.

有人可以显示代码示例

Val*_*mas 5

这是我使用的。选择器可以使您更具体,因为此脚本在非常简单的页面上使用。

  $(document).ready(function ()
    {
        $('#butSubmit', this).removeAttr("disabled", "disabled");
    });

    $('form').submit(function ()
    {
        if ($(this).valid())
        {
            $('#butSubmit', this).attr('disabled', 'disabled');
        }
    });
Run Code Online (Sandbox Code Playgroud)


jos*_*aly 5

就像是:

$('#yourButtonId').click(function() {
    // Check validation before disabling
    if ($(this.form).valid()) {
         this.disabled = 'disabled';
    }        
});
Run Code Online (Sandbox Code Playgroud)

请注意,这将适用于MVC3不显眼的验证,不确定这是否是您正在使用的.