如何防止双击 MVC Html.SubmitButton

【问题标题】：How to prevent double clicks on MVC Html.SubmitButton如何防止双击 MVC Html.SubmitButton
【发布时间】：2012-04-24 10:16:27
【问题描述】：

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

谁能给个代码示例

【问题讨论】：

标签： jquery asp.net-mvc model-view-controller

【解决方案1】：

类似：

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

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

【讨论】：

最简单最干净的解决方案，谢谢！我使用了这个，但我使用了类而不是 Id。

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

在按钮上添加一个javascript函数，然后禁用或隐藏按钮。

【讨论】：

我想我需要进一步澄清我的问题，我知道它是这样实现的，但我需要一个代码示例。隐藏它很容易，但就像我说的应该考虑验证控制