Jquery - 选择空文本输入并为其添加边框

Question

我想为空文本输入字段添加边框。所以我写了下面的代码。但它不起作用。所以我使用警报框来了解选择了多少个选择器。但它是return 0。我的错是什么？

 $("input[type=submit]").click(function(){
       var empty = $('input:text[value=""]');
       alert(empty.length);

       if(empty.length >0){

           $("form").effect("shake",{
               times:3,
               distance : 50         

           },450,function(){
           $('input:text[value=""]').each(function(){
              $(this).css("border","1px solid red"); 
           });
           });



           return false;
       }

   });

Answer 1

尝试使用 .filter() 来实现此目的，当您更改 value 属性中的值时，它不会受到影响。

$('input:text').filter(function(){
   return $.trim(this.value).length == 0;
}).css("border","1px solid red");