javascript - jQuery:在字段中发生自动完成后删除错误

Question

我在页面上唯一的输入文本字段上使用 Daterangepicker 作为 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);
}