jQuery 检查空字段不会检查所有字段

Question

例如，我使用下面的脚本来检查空字段:

$('a.submit').click(function() {
 if ($('.LoginData').val() == "")  {
  $('input:text[value=""]').attr('style', 'border-color:#FF0000;');
 } else {
  $(this).parents('form').submit();
 }
});

所有输入元素都有 LoginData 类，因此我使用了 jQuery 类选择器来选择包含该类的所有元素。然而，当 if 条件发现一个不为空的字段时，它就停在那里。

我认为这是 if 语句的正常行为，有其他选择吗？

谢谢。

Answer 1

“.val()”只有一个返回值——它只能给你一个元素的值；该元素将是 $() 集合中的第一个元素。

$('a.submit').click(function() 
{
  var ok = true;
   $('.LoginData').each(function() 
   {  
       if($(this).val() == "")  
       { 
              $(this).attr('style', 'border-color:#FF0000;'); 
              ok = false;
       }
   }
   if (ok)
   {
      $(this).parents('form').submit(); 
   } 
});