jquery - MVCHtml.SubmitButtonのダブルクリックを防ぐ方法

Question

jQueryを使用してMVCHtml.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関数を配置し、ボタンを無効にするか非表示にします。