jquery - 表单按钮禁用在提交时不起作用

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

这样可以吗？

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

        });
    });