javascript - JQuery 检查输入是否为空而不检查加载？

Question

我正在使用这段代码来检查输入框是否为空，它工作正常，但它只检查页面加载时是否按下了一个键。

它做了它应该做的，但我还希望它在页面加载时检查状态。

这是当前代码:

$('#myID').on('keyup keydown keypress change paste', function() {
  if ($(this).val() == '') {
    $('#status').removeClass('required_ok').addClass('ok');
  } else {
    $('#status').addClass('required_ok').removeClass('not_ok');
  }
});

Answer 1

尝试以下操作:

$(function() {
  var element = $('#myID');
  var toggleClasses = function() {
    if (element.val() == '') {
      $('#status').removeClass('required_ok').addClass('ok');
    } else {
      $('#status').addClass('required_ok').removeClass('not_ok');
    }
  };
  element.on('keyup keydown keypress change paste', function() {
    toggleClasses(); // Still toggles the classes on any of the above events
  });
  toggleClasses(); // and also on document ready
});