2

私はプログラミングが初めてで、外部ファイルから取得したカレンダー スニペットからJavascript入力された日付を検証しようとしています。ユーザーが過去の日付を入力したかどうかを確認するために日付を検証しようとしています。入力した日付が過去の日付である場合、警告メッセージを出力して、将来の有効な日付を入力する必要があります。<input>Javascript

次のHTMLコードで入力日付フィールドを受け入れます。

<input size="12" id="inputField" name="inputField"  autofocus="" type="date"     oninput="return dateValidate(inputField)"/>

入力日付を検証するための私のJavascript関数は次のとおりです。

<script type="text/javascript">
function dateValidate(inputField)
{

 var v2 = document.getElementById('inputField');
 var pickeddate = new Date(v2.Value);
 todayDate = new Date();
 if(pickeddate > todayDate){
    return true;
 } else {
    alert("Enter a valid Date");
 }
}

しかし、このコードは機能していないようです。<input>フィールドに過去の日付を入力してタブ アウトしたときに、この Javascript 関数が実行されるようにします。フォームが送信されたときではなく、フィールドに入力されたときに日付を検証したい。

4

2 に答える 2

2

あなたはこれを試すことができます

HTML

<input size="12" id="inputField" name="inputField"  autofocus="" type="date"     onblur="return dateValidate(this)"/>

JS

function dateValidate(inputField)
{
    var pickeddate =  new Date(inputField.value);
    var todayDate =  new Date();
    if( pickeddate > todayDate )
    {
       return true;
    }
    else
    {
        alert("Enter a valid Date");
    } 
}

デモ。

于 2013-04-20T19:04:33.947 に答える