jQuery：在字段中发生自动完成后，删除错误

Question

我在页面上唯一的输入文本字段上使用Daterangepicker for Bootstrap 。 当我将输入文本字段留空时，出现错误，这就是我想要的。 但是，当我使用Daterangepicker填写输入文本字段时，错误仍然存​​在。

我希望将其删除。 单击“开始”按钮时，错误文本会自行删除，但我希望一旦在输入字段中填充了文本，错误文本就会自行删除。

这是我的代码：

$('#beginBtn').on('click', function() {     
  //Validation of Open Enrollment input
  var autocd = $('#autocd').val();
  if(autocd == "") {
    $('#autocderror').text('Cannot be blank').css({'color': 'red'});
    return false;
  } else if (autocd != "") {
    $('#autocderror').fadeOut(1000);
  }

  var startDate = $("input[name='daterangepicker_start']").val();
  var endDate = $("input[name='daterangepicker_end']").val();

  //console.log(startDate + " thru " + endDate);

  $.post('api/countdownprocess.php', {startDate:startDate, endDate:endDate}, function(data) {
    if(data == 'Successful'){
      $('#oerestext').html(data).css({'color': 'green'}).fadeOut(3000);
      setTimeout(function() {
        location.reload();
      }, 5000);
    } else {
      $('#oerestext').html(data).css({'color': 'red'}).fadeOut(3000);
    }
  });// end of Begin Button

输入字段称为autocd。 我怎么做？ 有没有办法获得自动完成功能作为选择器？

Answer 1

如何在由输入上的onchange事件触发的函数中移动此代码块？

var autocd = $('#autocd').val();
if(autocd == "") {
  $('#autocderror').text('Cannot be blank').css({'color': 'red'});
  return false;
} else if (autocd != "") {
  $('#autocderror').fadeOut(1000);
}