Jquery 所有空输入都将添加该类

我正在做一个表单验证，我希望所有为空的输入都会添加类错误，现在我一次只得到一个

jQuery

$(".text-input").blur(function () {
    if ($(this).val() == '') {
        $(this).addClass('error');
    }
});

---

您可能还希望恢复非错误并检查空白：

另一种方法是：

使用经典的if

---

您可能还希望恢复非错误并检查空白：

另一种方法是：

使用经典的if

---

添加错误类的决定也应该在开始时发生；要做到这一点，您可以编写一个小函数，该函数将在开始时或发生模糊事件时运行

此外，您还可以通过使用简化添加或删除错误类的逻辑

---

添加错误类的决定也应该在开始时发生；要做到这一点，您可以编写一个小函数，该函数将在开始时或发生模糊事件时运行

此外，您还可以通过使用简化添加或删除错误类的逻辑

---

完美的家伙，如果我想把这个放在一个if里，会是什么样子？谢谢。当只有一个输入框的值发生变化时，为什么要删除所有输入框的类？@RokoC.Buljan orly，你看到我的答案是如何解决的吗@杰克…漂亮；完美的家伙，如果我想把这个放在一个if里，会是什么样子？谢谢。当只有一个输入框的值发生变化时，为什么要删除所有输入框的类？@RokoC.Buljan orly，你看到我的答案是如何解决的吗@杰克…漂亮+1感谢您的设计技能@RokoC.Buljan哈哈，非常感谢先生：+1感谢您的设计技能@RokoC.Buljan哈哈，非常感谢先生：

var inp = $('.text-input');                     // Cache your selectors

inp.blur(function () {                          // On blur...
    inp.removeClass('error').filter(function(){ // Remove error classes. Filter
       return !$.trim(this.value);              // to return el. without value
    }).addClass('error');                       // and assign error class.
});

var inp = $('.text-input');

function err(){
  $.each(inp, function(){
    $(this).toggleClass('error', !$.trim(this.value));
 });  
}

inp.blur(err);

var inp = $('.text-input');

function err(){
  $.each(inp, function(){
    if(!$.trim(this.value)){
      $(this).addClass('error');
      // more stuff
    }else{
      $(this).removeClass('error');
      // more stuff
    }
 });  
}

inp.blur(err);

function updateInputClass()
{
    $(this).toggleClass('error', $.trim(this.value) == '');
}

$(".text-input")
  .blur(updateInputClass)
  .each(updateInputClass)