如何使用 jquery 禁用 html 输入字段和按钮 [关闭]

Question

我无法禁用按钮。我想要做的是禁用按钮，除非在输入中输入一些单词。以下是我的代码。

$('.btn.btn-default').click(function(){
    var post = $('input:text').val();
    $('<li>').text(post).prependTo('.posts');
    $('input:text').val("");
    $('.count').text('100');
    $('.btn.btn-default').addClass('disabled');
    });


$('input:text').keyup(function(){
    var postLength = (this).val().length;
    var charactersLeft = 100 - postLength;
    $('.count').text(charactersLeft);   
    if (charactersLeft < 0){
    $('.btn.btn-default').addClass('disabled');
    }
    else if (charactersLeft == 100){
        $('.btn.btn-default').addClass('disabled'); 
    }
    else{
        $('.btn.btn-default').removeClass('disabled');
    }
});

$('.btn.btn-default').addClass('disabled');

};

以下是我的 HTML

<div class= "blank">
    <input type="text" id="form-control" placeholder="Please Leave Comment Here."/>
    </div>


    <div class = "status">
    <div class= "count">100</div>
    <input class="btn btn-default" type="submit" value="Post">
    </div>

    <ul class="posts">
    </ul>

Answer 1

错字：

(this).val().length;
^^^

添加缺少的$。您应该在控制台中出现错误，指出 "val is not a function"。

添加类也不会禁用按钮。您需要设置属性。

$(".btn.btn-default").prop('disabled', true);
$(".btn.btn-default").prop('disabled', false);