1

私のページの唯一の入力テキストフィールドにDaterangepickerBootstrapとして使用しています。入力テキストフィールドを空白のままにすると、エラーが発生します。これは私が望むものです。ただし、Daterangepickerを使用して入力テキストフィールドに入力すると、エラーは解決されません。jQuery:オートコンプリートがフィールド内で発生した後にエラーを削除します。

enter image description here

私はそれを削除することにしたいと思います。エラーテキストは[開始]ボタンをクリックすると削除されますが、テキストが入力欄に入力されるとエラーテキストを削除します。

$('#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と呼ばれている:

は、ここに私のコードです。それ、どうやったら出来るの?セレクタとしてオートコンプリートを取得する方法はありますか?

答えて

0

入力のonchangeイベントによってトリガされる関数で、このコードブロックを移動する方法はありますか?

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

は機能しません。何らかの理由で、上記のコードを関数にラップすると、フィールドが空白の場合の検証は実行されませんが、達成しようとしているものに近いことは間違いありません。これを参考にして使用します:https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange2 – hnewbie

関連する問題