Question

使用jQuery如何检查所有输入字段（EXCL隐藏字段）和textareas是否为空？我不确定如何“遍历”所有表单字段并检查：

$（ “输入”）。VAL（）和 $（“文本域）.VAL（）

这是运行一个只有在所有表单字段都为空的情况下才能“工作”的函数。

Answer 1

选择，但这里仅用几行来验证所有字段，而不只是一行：

var allBlank = true;
$('input, textarea').each(function() {
    return allBlank = allBlank && !$(this).val();
});

当然，您可以修改选择器以仅指定所需的字段。然后继续：

if(allBlank) {
    //all are blank.  congrats. 
}

编辑：现在有更多的表现！

Answer 2

这样对loop：

$('input, textArea').each(function(){
    if($.trim($(this).val()) == ''){
        console.log(this,'is empty');
    }
});

Answer 3

我会说扩展jQuery使用:blank伪类

摘自受欢迎的jquery.validate.js：

(function($) {
    $.extend($.expr[":"], {
        // http://docs.jquery.com/Plugins/Validation/blank
        blank: function(a) {
            return !$.trim(a.value);
        },
    });
})(jQuery);

然后你可以使用像

这样的选择器

$("input:blank")

如果你做的不仅仅是检查空白，你可以考虑使用jQuery验证插件

bassistance.de » jQuery plugin: Validation

Answer 4

有很多方法可以实现这一目标。

$('#form-id input').blur(function()
{
if( !$(this).val() ) {
      // Do whatever you need to do
}
});

$("input, textarea").each(function() {
if($(this).val() === "")
  alert("Empty Fields!!");
});

jQuery检测输入字段为空

4 个答案: