Отключить кнопку формы не работает при отправке

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

Вы были нацелены inputвместо цели button который вы использовали.

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

        });
    });