Javascript 检查文本字段是否为空jquery

我有一个div，其中包含许多

input[type=text]

字段。我想检查用户必须填写所有字段，否则显示错误消息。为此，我尝试：

if ($('div').children("input[type=text]").attr("value") == '') 
 flag = false; 
else 
 flag = true;

但这不会检查所有文本字段，它只检查第一个子项。如何检查所有文本字段？

尝试改用

要检查所有输入项，您需要使用进行迭代

正确的代码是：

$(function() {
    $('input:submit').click(function(){
        var flag = true;
        $('div').find("input[type=text]").each(function(){
            if($(this).val() === '') flag = false
        });

        alert(flag);
    });
});​

请参阅jsFiddle上的

如果

div

中的所有

input[type=text]

字段都已填充，则此代码返回

true

，如果至少有一个字段为空，则返回

false

。

标准方法

if(!$('div').find('#idOfTextField').val()){
 //empty
}

if(!$('div').find('#idOfTextField').val()){
 //empty
}

if($("div").find('input:text[value=""]').length > 0)
{
 alert("error");
 return false;
}