jQuery检测输入字段为空

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

$（“input”）。val（）和$（“textarea）.val（）

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

Answer 1

接受你的选择，但这里仅用几行来validation所有字段，而不仅仅是一个：

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") 

---

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

bassistance.de»jQuery插件：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!!"); });