分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 在sumbit上禁用按钮并在提交后重新启用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_673_4@ 我有一个脚本,通过ajax将数据提交给服务器,并且工作正常.我想要实现的是在提交时禁用按钮并在提交后重新启用它.

$(document).ready(function(){
    $('.comment').on('submit',function(event){
        event.preventDefault();
        data = $(this).serialize();
        $.ajax({
        type: "POST",url: "user_comment.PHP",data: data
        }).success(function(msg) {
   $('#new_entry').html(msg);

            $('.textBox').val("");

        });
    });
});

HTML

<form name="form1" method="post" action="" class="comment">
  <p>
    <label for="comment"></label>
    <textarea name="comment" id="comment"></textarea>
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit Comment">
  </p>
</form>

解决方法

你可以使用 prop()之类的

$(document).ready(function() {
    $('.comment').on('submit',function(event) {
        $('#button').prop('disabled',truE);
        event.preventDefault();
        data = $(this).serialize();
        $.ajax({
            type: "POST",data: data
        }).success(function(msg) {
            $('#button').prop('disabled',falsE);
            $('#new_entry').html(msg);
            $('.textBox').val("");
        });
    });
});