入力日付をチェックする関数

f:id:takamints:20160201164208p:plain
photo credit: 2010 Holiday Card via photopin (license)

文字列として入力された日付が正しいかどうかをJavaScriptで判定する関数です。

うるう年などの関係で、ややこしそうに思いますが、結構意外にあっさりしてます。

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

posted with amazlet at 16.02.01

狩野祐東
SBクリエイティブ
売り上げランキング: 2,780

Amazon.co.jpで詳細を見る

年月日時分秒などの各フィールドを指定できるDateクラスのコンストラクタは、各値が範囲外の時にもうまく日付をずらして解釈してくれます。つまり、2月29日と指定すると3月1日と解釈してくれるのですね。

しかし、ユーザーがフォームに「2014年2月29日」と入力する意味は（おそらく）ありません。何か間違っている可能性もありますので、このような入力はエラーとして扱いたいですね。こんなときには、先のコンストラクタで生成された日付から、再び各フィールドの値を取り出して、入力されたものと比較し、全て一致しているなら正しいと判定できます。

function isValidDate(s) {
    var matches = /^(\d+)\/(\d+)\/(\d+)$/.exec(s);
    if(!matches) {
        return false;
    }
    var y = parseInt(matches[1]);
    var m = parseInt(matches[2]);
    var d = parseInt(matches[3]);
    if(m < 1 || m > 12 || d < 1 || d > 31) {
        return false;
    }
    var dt = new Date(y, m - 1, d, 0, 0, 0, 0);
    if(dt.getFullYear() != y
    || dt.getMonth() != m - 1
    || dt.getDate() != d)
    {
        return false;
    }
    return true;
}