JQuery的檢查，如果輸入的是空的，顯示狀態

Question

我有一個輸入，我需要檢查它是否爲空：

<input id="myinput" name="myinput" type="text" value="hello" /> 

輸入上面可以隨時改變，所以我需要檢查它在onchange？

如果我的輸入不是空的，那麼我需要添加類ok或添加類noTxt。

該類可以添加到下面的元素。

<div id="status" style="display:none;">&nbsp;</div> 

Answer 1

這可能會實現：

$('#myinput').on('keyup keydown keypress change paste', function() { 
    if ($(this).val() == '') { 
    $('#status').removeClass('okay').addClass('not-okay'); 
    } else { 
    $('#status').addClass('okay').removeClass('not-okay'); 
    } 
}); 

Answer 2

var input = $('#myinput'); 
var status = $('#status'); 

input.change(function() { 
    var empty = (input.val() == ''); 
    status 
    .toggleClass('ok', !empty) 
    .toggleClass('noTxt', empty); 
});