如何使用jQuery检查页面中的所有文本框？

Question

我在页面上放置了许多文本框，并且所有文本框都具有相同的类.myClass。

我想检查是否所有内容都已填写完毕。我如何通过jQuery找到？

Answer 1

您可以检查其中没有未检查：

if ($('.myClass:checkbox:not(:checked)').length > 0) {
    // Not all checked
}

<击>

误读。在JsFiddle上查看demo：

$(function() {
    $('input').change(function() {
        var $all = $(':text.myClass');
        var $empty = $all.filter('[value=""]');

        if ($empty.length == 0) {
            $('#out').text('none empty');
        } else if ($all.length == $empty.length) {
            $('#out').text('all empty');
        } else {
            $('#out').text('partial')
        }
    });
});

应该给出一个解决方案的可能方法的提示。

Answer 2

if ($('input:text.myClass[value=""]').length > 0)
{
    // you have some text boxes which are empty
}

Answer 3

请看这个，希望它有所帮助。此外，下面的代码将应用$ .trim（），以便填充空格的输入将验证为空。

$("input.myClass").each(function(){
    if($.trim($(this).val()) == ""){
        // if you reach this then at least one textfield is not filled.
        // so this is where you decide what to do ( for example, assign FALSE to a 'all_textfileds_filled' variable )
    }
});

干杯