javascript - 提交后禁用 Ajax 按钮

Question

可能重复：
禁用表单提交上的提交按钮

我有一个关于 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 设置“禁用”属性：

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

Answer 2

禁用ajax成功的按钮：

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