从提交单击停止表单上禁用按钮?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (88)

我试图在用户点击它后禁用按钮。我有这个功能很好但现在表单不会提交...这是我的javascript:

<script>
  $('.button').on('click', function(event) {
    $(this).prop('disabled', true);
  });
</script>

再次,这很好地禁用了按钮,但现在我的表单不会提交。这是一个众所周知的问题吗?

提问于
用户回答回答于
<script>
  $('.button').on('click', function(event) {
    $(this).prop('disabled', true);
    $(this).parents('form').submit();
  });
</script>
用户回答回答于

不是把它放在click处理程序中,把它放在表单的submit处理程序中。

$('form').on('submit', function(event) {
  $(this).find(".button").prop('disabled', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <button class="button">Submit</button>
</form>

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励