Javascript 如何使用JQuery检查所有输入是否为空以显示div

我有一个表单，在用户回答其中的每个问题后，他单击一个按钮，就会显示一个div。当所有输入都已填充时，如何显示div

• 只有在每个字段都已填充后才能显示div
• 当用户单击按钮时，将显示div

---

嗯，我不确定你试过什么，但我想从这样的事情开始。循环表单的输入，然后检查它们是否为空。然后，您可以通过几种不同的方式显示或隐藏div。这可能会帮助你开始

$(function(){
    $("form#formID :input").each(function(){
           var input = $(this);
           if (!input.val()){ 
              alert('empty input');
              return false;
           }  
    });
    //do some logic
    $('#target_div).hide();
})

---

假设您有两个输入字段，一个按钮和一个隐藏的div。 现在您可以执行以下操作

<input type="text" name="username">
<input type="text" name="password">
<button type="submit">submit</button>
<div class="showDiv hidden"></div>
<script>
    var totalInputLength = $('input').length;
    $('button').click(function(){
        var validInputs = $('input').filter((key,value) => v.value).length;
        if (validInputs == totalInputLength) {
            $('.showDiv').removeClass('hidden');
        } else {
            $('.showDiv').addClass('hidden');
        }
    });
</script>

提交
var totalInputLength=$（'input'）.length；
$（“按钮”）。单击（函数（）{
var validInputs=$（'input'）。过滤器（（键，值）=>v.value）。长度；
if（validInputs==总输入长度）{
$（'.showDiv'）.removeClass（'hidden'）；
}否则{
$（'.showDiv'）.addClass（'hidden'）；
}
});