如何检查显示的输入字段是否为空？

Question

我有一个表单，我需要检查某些字段是否包含内容，但这些字段不会同时显示。如何检查显示的div中的字段是否为空，并忽略未显示的字段。

这是jsfiddle https://jsfiddle.net/v6snz8k6/3/ - 我指的是processStep3（）

function processStep3() {
    var measures = $('.meausres').length;
    if (measures > 0) {
        alert ("yes");
    } else {
        alert ("no");
    }   
}

Answer 1

您至少有3个问题：

1. 当我猜你想要使用措施时，你有一个错误的类名MEAUSRES。
2. $（'.measurements'）。length＆lt; - 将获取.measures元素的数量，而不是内容的长度。
3. 您只需使用选择器:visible和.each循环
循环显示可见元素

试试这个：

function processStep3() {
    var flagEmpty = false;
    $('.measures:visible').each(function(){
        if($(this).val()=="") flagEmpty = true;
    });
    if (!flagEmpty) {
        alert ("OK! there's no empty inputs");
    } else {
        alert ("oops! there's empty inputs");
    }   
}