本当に今更 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とかちゃんと勉強します。