javascript - 用于检查输入是否有任何值的 jQuery 脚本。IE 和 Chrome 中的问题

Question

我有检查输入是否为空的脚本。它适用于 Firefox，但如果我切换到 Chrome 或 IE，即使我提交一个空字符串，按钮也会启用。有人知道这个问题的任何解决方案吗？

 $(document).ready(function(){

 $('.comment_button').attr('disabled',true);

 $('.comment_input').keyup(function(){
    if ($.trim($(this).val()).length != 0)  {
        $('.comment_button').attr('disabled', false);
    }
    else
    {
        $('.comment_button').attr('disabled', true);        
    }
 })
 });

Answer 1

'选择器后缺少代码中的错字

使用$('.comment_input')代替$('.comment_input)

排队

$('.comment_input).keyup(function(){

编辑：使用.prop()而不是.attr()

工作代码JS：

 $('.comment_button').prop('disabled', true);
 $('.comment_input').keyup(function () {
      $('.comment_button ').prop('disabled', $.trim($(this).val()).length == 0);
 });

HTML：

<input type="text" class="comment_input" name="somethng"/>
<button class="comment_button">something</button>

小提琴演示