Как проверить, не отображаются ли отображаемые поля ввода?

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. $ ('. Measure'). Length < - будет получать количество элементов .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"); 
    } 
}