Javascript 检查所有输入字段是否具有值jQuery条件

我有几个类名称为

必选的输入字段

我在下面有一个代码来检查我所有的

字段是否都有值，如果不是空或null，它将显示/取消隐藏特定的

div

但它似乎对我不起作用

此外，默认情况下，

#print

通过CSS显示为无

<!-- index.php -->

<input type="text" id="getID" class="required form-control" placeholder="id">
<input type="text" id="getName" class="required form-control" placeholder="name">

<!-- script.js -->

$(document).ready(function() { 
  $('input.required').each(function() { 
    if($(this).val() != "") {
        $("#print").show();
    }
    else {
        $("#print").hide();
    }
  });
});

$（文档）.ready（函数（）{
$（'input.required'）。每个（函数（）{
if（$（this.val（）！=“”）{
$（“#打印”）.show（）；
}
否则{
$（“#打印”）.hide（）；
}
});
});

试试看

试一试

我建议：

$('#print').toggle(!($('input.required').length == $('input.required').filter(function () {
        return this.value;
    }).length));

显然，这应该在

submit

上运行，假设您只想在提交之前显示

#print

元素作为验证

参考资料：

我建议：

$('#print').toggle(!($('input.required').length == $('input.required').filter(function () {
        return this.value;
    }).length));

显然，这应该在

submit

上运行，假设您只想在提交之前显示

#print

元素作为验证
参考资料：
---

正如我在上面的评论中所述，在用户有机会输入任何内容之前，您正在检查页面加载时的值。如果页面上有一个按钮，请将事件绑定到将在正确时间触发函数的事件
有点像这样
index.php

<input type="text" id="getID" class="required form-control" placeholder="id">
<input type="text" id="getName" class="required form-control" placeholder="name">
<div id="button">Submit</div>
<div id="print">You're missing something D:!</div>

---

正如我在上面的评论中所说，在用户有机会输入任何内容之前，在页面加载时检查这些值。如果页面上有一个按钮，请将事件绑定到将在正确时间触发函数的事件
有点像这样
index.php

<input type="text" id="getID" class="required form-control" placeholder="id">
<input type="text" id="getName" class="required form-control" placeholder="name">
<div id="button">Submit</div>
<div id="print">You're missing something D:!</div>

---

您没有给输入任何值，并且验证正在

$（文档）上运行。load（）

，您可以尝试将其绑定到

单击
或
提交
事件，而不是您没有给输入任何值，并且验证正在
$（文档）上运行。load（）
，您可以尝试将其绑定到
单击
或
提交
事件，但检查位于each中，因此#print div将根据上次输入ValidationEdit可见，注意到我第二次将其放入提琴：P但支票位于each中，因此根据最后一次输入validationedid，#print div将可见，注意到我第二次将其放入提琴：P