轻松修改jQuery代码,检查文本框是否为空。还需要检查textarea

时间:2011-09-20 22:16:34

标签: javascript jquery

如果填写了表单if,则以下脚本启用提交按钮。 但是我有一个textarea

<textarea id="description" tabindex="15" style="width:500px;" name="description" cols="80" rows="10">

我无法知道如何添加它进行检查。如果我输入所有文本框并将textarea留空,则会提交。

$(document).ready(function () {
    $('form').delegate('input:text, input:checkbox', 'blur keyup click change', function () {
        if(($('form input:text').filter(function(){ return $.trim(this.value) == ''; }).length > 0))
        {
          $('#btnUpdate').attr("disabled", true);
        }
      else {
            $('#btnUpdate').removeAttr("disabled");
      }
    });
});

谢谢

2 个答案:

答案 0 :(得分:1)

尝试更改此内容:

$('form').delegate('input:text, input:checkbox', // rest of line

$('form').delegate('input:text, input:checkbox, textarea',

修改

代码应为:

$(document).ready(function () {
    $('form').delegate('input:text, input:checkbox, textarea', 'blur keyup click change', function () {
        if(($('form input:text, form textarea').filter(function(){ return $.trim(this.value) == ''; }).length > 0)) {
            $('#btnUpdate').attr("disabled", true);
        } else {
            $('#btnUpdate').removeAttr("disabled");
        }
    });
});

答案 1 :(得分:0)

$(document).ready(function () {
    $('form').delegate('input:text, input:checkbox', 'textarea', 'blur keyup click change', function () {
        if(($('form input:text').filter(function(){ return $.trim(this.value) == ''; }).length > 0&&$('textarea').val()!==""&&$('textarea').val()!==null))
        {
          $('#btnUpdate').attr("disabled", true);
        }
      else {
            $('#btnUpdate').removeAttr("disabled");
      }
    });
});