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); 
}