javascript - JQuery 检查输入是否为空并显示它的状态

Question

我有一个输入，我需要检查它是否为空:

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

上面的输入可能随时改变，所以我需要在 onchange 上检查它？

如果我的输入不为空，那么我需要添加类 ok 或添加类 noTxt。

类可以添加到下面的元素中。

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

Answer 1

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

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