每個輸入上的addClass在jQuery中驗證錯誤

Question

我有一個語法錯誤 - 如果輸入字段爲空，我試圖添加一個'錯誤'類。看來即使輸入字段有文本，也會應用錯誤類，但邏輯對我來說看起來是正確的。有人可以協助嗎？

$('input').each(function() { 
    if($(this).val() == "") { 
     $("input").addClass("error"); 
     return false; 
    } 
}); 

Answer 1

嘗試使用$(this)，同時調用.addClass()，

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

還是最好的辦法是使用.filter()使用，

$('input').filter(function(){ 
    return this.value.trim() === ""; 
}).addClass("error"); 

Answer 2

你應該addClass到this，但最好使用toggleClass如果輸入已滿，還要刪除錯誤：

$('input').each(function() { 
    $(this).toggleClass('error', this.value == ""); 
});