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

我正在页面上唯一的输入文本字段上使用

Daterangepicker

进行

Bootstrap

。当我将输入文本字段留空时，会出现错误，这正是我想要的。但是，当我使用

日期范围选择器

填写输入文本字段时，错误仍然存在

我想把它移走。单击“开始”按钮时，错误文本会自动删除，但我希望在输入字段中填充文本后，错误文本会自动删除

这是我的密码：

$('#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。我该怎么做？有没有办法让自动完成作为一个选择器

在由输入上的onchange事件触发的函数中移动这段代码怎么样

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

---

在由输入上的onchange事件触发的函数中移动这段代码怎么样

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

---

不起作用。出于某种原因，当我将上述代码包装到函数中时，字段为空时的验证不会启动，但肯定更接近我试图实现的目标。用作参考：不起作用。出于某种原因，当我将上述代码包装到函数中时，字段为空时的验证不会启动，但肯定更接近我试图实现的目标。将此用作参考：