每当我禁用或隐藏提交按钮时，表单都不会

Question

每当我禁用或隐藏提交按钮时，表单都不会提交：

<form action="leads_add.php" method="post" name="leads_form" id="leads_form">
<input type="submit" name="saveforlaterbutton" value="Save for later" class=" btn btn-primary" id="saveforlaterbutton" >
   <script>
    $("#leads_form").submit(function(e) {
      e.preventDefault();
      $("#saveforlaterbutton").hide();
    });
    </script>

我也试过：

<input type="submit" name="saveforlaterbutton" value="Save for later" class=" btn btn-primary" id="saveforlaterbutton" onclick="this.disabled=true;return false;">

如果我单击该按钮，它会禁用/隐藏该按钮，但随后没有任何反应;表单不会提交

Answer 1

您正在取消提交操作。 删除此行：

 e.preventDefault();

Answer 2

如果您希望提交表单，则需要删除：

e.preventDefault();

这会阻止提交表单。

而且你也不需要把onclick="this.disabled=true;return false;".

返回 false 不是必需的。

如果你真的想要，你可以做onclick="this.disabled=true;"

Answer 3

我删除了，但它不起作用

e.preventDefault();

这是对我有用的：

<script>
$(document).ready(function($) {
  $('#leads_form').on('submit', function(evt) {
    $('#saveforlaterbutton').hide();
  });
});
</script>