本当に今更 javascript勉強(1) 「日付チェック(バリデート)」

フォームに日付を入力し、

ボタンを押した時に日付が間違っていると、

“日付を正しく入力してください”とアラートを表示します。

↓サンプル

http://taramonera.main.jp/javascript/sample1.html

とりあえず日付をチェックする関数を作成

function chkDate(y,m,d){
var date = new Date(y,m-1,d);
if(date.getFullYear() == y && date.getMonth() == m-1 && date.getDate() == d){
return true;
}
return false;
}

※Dateのmonthは0～11の値をとり、0が1月となります。そのためm-1としています。

次にフォームを書く

<form method="get" action="next.php" name="a" onSubmit="return check()">
<input type=text name=year size=10 maxlength=4/>年
<input type=text name=month size=10 maxlength=2/>月
<input type=text name=day size=10 maxlength=2/>日
<input type=submit value="送信"/>
</form>

onSubmit=”return check()”と書いておくと

送信ボタンを押したときに、まずcheck()が呼び出され、

そのあとにデータが送信されます。

このcheck()からchkDate()を呼び出し、日付をチェックします。

function check(){
year=document.a.year.value;//フォームの年を取得
month=document.a.month.value;//フォームの月を取得
day=document.a.day.value;//フォームの日を取得
if( !chkDate(year,month,1) ){
alert("年月を正しく入力してください");
return false;
}
}

本当に今更。。

jqueryとかちゃんと勉強します。