jQuery實時驗證

Question

我正在嘗試爲表單創建一個實時驗證腳本。無論如何，我已經有點了解了......但是當字段中有文本時出現錯誤信息，而不是當沒有文本時。我敢肯定，我正在做一些愚蠢的錯誤，我敢肯定我有如果價值觀是正確的，value == ''是如果價值是沒有什麼，value !== ''是如果價值不是沒有，對不對？呃，也許這是我應該改變的開啓/改變的事情？希望你能幫助。謝謝。

http://jsfiddle.net/Vjwxs/3/

$(document).ready(function() {  
    $('#name').on('change', function() { 
     var name = $("#name").val(); 
     if (!this.value == '') { 
      $("#errorname").fadeIn(); 
      $('#errorname').css("display", "inline-block"); 
      $('#errorname').css("color", "#838383"); 
      $('#errorname').css("background-color", "#fff568"); 
     } 
     else if (!this.value !== '') { 
      $("#errorname").fadeOut(); 
      $('#errorname').css("display", "none"); 
     } 
    }); 
}); 

Answer 1

閱讀您的if條件出聲來。這應該可以幫助您實現哪裏有問題：

if (!this.value == '') { /* Show the error */ } 

「如果不這個值等於空字符串」。或者，以更容易理解的形式，「如果這個值是而不是等於一個空字符串」。你實際上想顯示錯誤「如果這個值是等於一個空字符串」。

if (!this.value !== '') { /* Hide the error */ } 

「如果不這個值是不等於一個空字符串」。再次，更可讀，「如果這個值是不是等於一個空字符串」。你實際上想隱藏錯誤「如果這個值不是等於一個空字符串」。

如果您remove the first negation from both conditions您的代碼將工作。