Le bouton Formulaire Désactiver ne fonctionne pas Oui

Question

J'essaie de désactiver mon bouton après l'envoi d'une demande d'envoi. J'ai essayé l'exemple ci-dessous, mais il ne fonctionne pas comme prévu.

Pourquoi ce code ne fonctionne-t-il pas comme prévu?

$(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

Vous ciblez input, au lieu de cibler button que vous utilisiez.

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

Answer 2

Est-ce que cela fonctionne?

$(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; 

     }); 
    });