Question

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

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

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

Answer 1

不要将其放在<button mat-raised-button fxHide fxShow.gt-sm> <mat-icon>save</mat-icon> SAVE </button> <button mat-mini-fab fxShow fxHide.gt-sm> <mat-icon>save</mat-icon> </button>处理程序中，而是将其放在表格的click处理程序中。

＆＃13;

submit

＆＃13;

$('form').on('submit', function(event) {
  $(this).find(".button").prop('disabled', true);
});

＆＃13;

Answer 2

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

Answer 3

Click事件发生在表单submit和disabled按钮阻止提交之前。这是解决方法：

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

另一种解决方法是处理$('form').on('submit',function(){...});

编辑：...... INSTEAD。

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

3 个答案: