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

时间:2017-04-04 19:33:13

标签: javascript jquery forms

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

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

如果我点击按钮,它会禁用/隐藏按钮但是没有任何反应;表单没有提交

3 个答案:

答案 0 :(得分:0)

您取消了提交操作。删除这一行:

 e.preventDefault();

答案 1 :(得分:0)

如果您希望提交表单,则需要删除:

e.preventDefault();

这可以防止提交表单。

您还需要放置onclick="this.disabled=true;return false;"

不需要返回false。

如果您真的想要,可以onclick="this.disabled=true;"

答案 2 :(得分:0)

我删除但它没有工作

e.preventDefault();

这对我有用:

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