javascript - 值属性似乎不显示输入字段内容

Question

我正在尝试使用 jquery 来检查每个输入字段是否已填写。如果是，我想在表单周围制作一个绿色边框。

这是我的方法:

if($('input:text[value=""], textarea[value=""]').length == 0){
    alert("DONE");
}

悬停 value=""-选择器不起作用。

根据 firebug 的说法，值属性似乎只包含输入字段的默认值，而不包含用户插入的实际内容。

此命令提醒我实际内容:

$('input:text[value!=""]').each(function(){
    alert($(this).val());
});

我的问题:实际的输入字段内容存储在哪里？如果存在空字段，如何使用 jQuery 进行有效检查？

Answer 1

你是对的，属性选择器仅适用于属性真正具有的值。稍后，更改输入的值只会更改 DOM 元素的内部状态。

Where are the actual input-field contents stored?

您可以通过 DOM 元素 elementNode.value 的 value 属性访问该值。

And how can I use jQuery to check efficiently, if there are empty fields?

您可以使用.filter :

$('input').filter(function() {
    return !this.value;
});