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);
});

Answer 2

这可能有效：

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