jquery禁用按钮和帖子

时间:2014-11-03 21:56:37

标签: jquery html

我使用jquery禁用提交按钮以防止双重帖子。 问题是,一旦按钮被禁用,它就不会发布

我创建了一个jsfiddle来显示

http://jsfiddle.net/dg0ejuhq/1/

代码如下

$(function () {
  $("#scr_submit_btn").click(function () {
      $('#scr_submit_btn').submit();
      $("#scr_submit_btn").attr("disabled", true);
  });
});

和html

<form id="form" name="persona" action="publicar.php" method="post">
<!-- inputs and others -->
<button id="scr_submit_btn" type="submit" class="btn btn-success" >Enviar</button>
</form>

我无法弄清楚代码有什么问题。

3 个答案:

答案 0 :(得分:4)

$(function () {
  $("#form").submit(function () {
      $("#scr_submit_btn").prop("disabled", true);
  });
});

答案 1 :(得分:3)

表单有一个提交事件..你可以用它来禁用按钮,就像这个

$('#form_newsecret').submit(function () {
   $("#scr_submit_btn").prop("disabled", true);
 });

答案 2 :(得分:0)

您可以使用:

$(function () {
  $("#scr_submit_btn").one("click",function () {
      $('#scr_submit_btn').submit();
  });
});