即時驗證輸入

Question

我正在爲輸入框做我自己的驗證。它會查找填充在框中的任何值。如果它的空白「tick」不顯示，如果找到任何字符，將顯示「tick」。

演示：http://www.bootply.com/sldpH9X4Y2

蜱只出現或者當我點擊在輸入框消失，離開 - 我怎麼做它，而無需單擊從箱子離開打字工作？

$(document).ready(function() { 
     var inp = $('input'); 
     function err() { 
      $.each(inp, function() { 
       if (!$.trim(this.value)) { 
        $(this).parent().addClass('error'); 
        // more stuff 
       } else { 
        $(this).parent('div').removeClass('error'); 
        // more stuff 
       } 
      }); 
     } 

     inp.blur(err); 
    }); 

一個例子會很棒！謝謝閱讀。

Answer 1

目前，您的代碼僅在blur事件中調用（因此您必須單擊以執行此操作）。如果你想在其他一些事件中執行它，只需添加它們。該更換inp.blur(err);：

inp.on('blur keyup keydown paste change input', err); 

Answer 2

簡單地改變inp.blur(err)到inp.keyup(err)。