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>

Fiddle Demo

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

1 个答案: