Input:empty当不存在空字段时检测空字段

input:empty detects empty fields when there are none

本文关键字：字段 检测 不存在 empty Input      更新时间：2023-09-26

使用下面的代码检查每个输入字段是否为空

  if ( $("input:empty").length > 0 )
  {
  $(":text[value=]").css('background', 'rgb(255,220,200)'); 
  $(":text[value!=]").css('background', 'rgb(255,255,255)'); 
  alert('One or more fields are not completed') 
  e.preventDefault();
  return false;     
  }

即使所有字段都满了，我仍然得到一个警告。这里有什么问题?没有字段高亮。我确实尝试提取它是哪个字段，但它返回什么都没有。

:empty并不表示输入是否有内容。它指的是节点是否有子节点。因为我不认为你已经把任何东西在你的输入标签，它的工作只是很好;)

From the docs:

Description:选择所有没有子元素的元素(包括文本节点)。

try if ( $('input:text[value=""]').length > 0 )

示例

我认为值属性比较是比较原来的value属性。

试试……

$(":text").filter(function() {
    return $.trim(this.value);
});

这将删除集合中所有只包含空格的文本输入。

相关文章：