如何防止双击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函数，然后禁用该按钮或隐藏它。