如何使用jQuery检查所有输入是否为空

Question

我需要使用jQuery验证表单.我可以逐个查看我的所有输入,但这不是一个非常实用的解决方案.

如何更有效地检查我的所有输入是否非空？在我的形式,我可以有input不同类型的元素:文本,几组广播,选择等.

Answer 1

只需使用:

$("input:empty").length == 0;

如果它为零,则不为空.

为了更聪明,并且过滤掉只有空格的项目,你可以这样做:

$("input").filter(function () {
    return $.trim($(this).val()).length == 0
}).length == 0;

Answer 2

用途each:

var isValid;
$("input").each(function() {
   var element = $(this);
   if (element.val() == "") {
       isValid = false;
   }
});

然而,你可能会更好地使用jQuery validateIMO更清洁的东西.

Answer 3

$('#form_submit_btn').click(function(){
    $('input').each(function() {
        if(!$(this).val()){
            alert('Some fields are empty');
           return false;
        }
    });
});