Question

我有一个使用提交按钮创建的表单。我想要完成的是，当单击按钮并且表单开始提交时，我希望暂时禁用该按钮，并在表单完成提交后再次启用。

我通过普通的PHP表单提交表单。

关于如何做到这一点的任何线索？

Answer 1

在顶部的提交按钮的onClick侦听器中添加：

$('#submitBtn').attr('disabled','disabled');

并在ajax调用的successCallBack函数和failureCallback函数中添加：

$('#submitBtn').removeAttr('disabled');

希望这有帮助。

Answer 2

You need to create a jQuery function on form post.

例如：

$('form').submit(function(){
    $('input[type=submit]', this).attr('disabled', 'disabled');
});

Answer 3

Jquery PROP

$('#three').click(function (e) {
    e.preventDefault();
    $(this).prop('disabled', true);
});

对于完成提交，您需要从服务器获取一些有效的输出到AJAX中的JS.Success处理程序。

并从那里使用以下代码

$(this).prop('disabled', false);

DEMO

Answer 4

可能是这个......

  $('input[type=submit]').click(function() {
        $(this).attr('disabled', 'disabled');
        $(this).parents('form').submit();
        $(this).removeAttr("disabled");
    })

Answer 5

请尝试此代码

 <script>

     function disablebutton(id) {
         if (id != "") {
             document.getElementById(id).setAttribute("disabled", "disabled");
         } else {
             document.getElementById(id).removeAttribute("disabled");
         }
     }

 </script>

 <form action="" method="post" onsubmit="disablebutton('btn2');
    return false;">
     <input type="submit" id="btn2" class="button" name="submit" value="submit"  />
 </form>

Answer 6

你也可以尝试这个

<script type="text/javascript">
  $(document).ready(function(){
    $("input[type='submit']").attr("disabled", false);

    $("form").submit(function(){
      $("input[type='submit']").attr("disabled", true).val("Please wait...");
      return true;
    })
  })
</script>

Answer 7

只需在提交按钮上添加“禁用”属性，如果不起作用，请尝试使用jQuery的preventDefault（）

禁用“提交”按钮并在之后启用

7 个答案: