jquery - 如何防止双击 MVC Html.SubmitButton

Question

如何防止使用 jQuery 双击 MVC Html.SubmitButton，还需要考虑表单上的验证控件。

有人可以显示代码示例

Answer 1

就像是：

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

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

Answer 2

这是我使用的。您可以使用选择器获得更具体的信息，因为此脚本用于一个非常简单的页面。

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

    $('form').submit(function ()
    {
        if ($(this).valid())
        {
            $('#butSubmit', this).attr('disabled', 'disabled');
        }
    });

Answer 3

在按钮上放置一个javascript函数，并禁用或隐藏按钮。