jQuery : 자동 완성이 필드에서 발생하면 오류 제거

Question

내 페이지의 내 유일한 입력 텍스트 필드에 Bootstrap에 Daterangepicker을 사용하고 있습니다. 입력 텍스트 필드를 비워두면 원하는 오류가 발생합니다. 그러나 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); 
}