フォームボタンが無効になっていません送信

Question

送信要求が送信された後、自分のボタンを無効にしようとしています。私は以下の例を試しましたが、期待どおりに動作していません。

このコードが期待どおりに動作しないのはなぜですか？

$(document).ready(function() { 
    $('#userSignUp').submit(function() { 
    $("input[type='submit']", this).val("Please Wait...").attr('disabled', 'disabled'); 
    return true; 
    }); 
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form action="/sign-up" method="post" id="userSignUp"> 
    ... 
    <button type="submit" class="login-sign-up-button">Submit</button> 
</form> 

Answer 1

あなたが使用していたbuttonをターゲット代わりに、inputをターゲットにされました。

$("button[type=submit]").val("Please Wait...").attr('disabled', 'disabled'); 

Answer 2

これはそれですか？

$(document).ready(function() { 

     $("#userSignUp").submit(function (e) { 

      //stop submitting the form to see the disabled button effect 
      e.preventDefault(); 

      //disable the submit button 
      $("#userSignUp").attr("disabled", true); 

      return true; 

     }); 
    });