Question

可能重复：
Disable submit button on form submit

我有一个关于ajax提交后禁用按钮的问题。实际上，在我将文本输入到textarea之前，按钮首先被禁用。然后，如果我使用单击按钮提交，则必须禁用该按钮。

在我的实际操作中，单击按钮后，该按钮不会被禁用。

这是我的JS代码：

$(function()
    {
        $("#submit_h").click(function() 
        {
            var haps = $("#haps").val();
            var dataString = 'haps='+ haps;
            if(haps=='')
            {
                alert('Please type your haps');
            }
            else
            {
                $.ajax({
                type: "POST",
                url: "post_haps.php",
                data: dataString,
                cache: false,
                success: function(html){
                $("#haps").val('');
                $("#content").prepend(html);
                }
                });
            }return false;
        });
    });

-

<textarea id="haps"></textarea>
<input type="submit" class="button inact" value="Share" disabled="disabled" id="submit_h"/>

现在我要做的是，提交后禁用按钮。有什么想法吗？

Answer 1

与NullUserException的链接类似，您可以使用jquery设置“disabled”属性：

$(".inact").attr('disabled', 'disabled');

Answer 2

在ajax成功中禁用该按钮：

success: function(html){
                $("#haps").val('');
                $("#content").prepend(html);
                $("#submit_h").attr("disabled", true);
                       }

提交后Ajax禁用按钮

2 个答案: