zenet-tech https://blog.hatena.ne.jp/zenet-tech/ Zenet Tech Blog https://media.zenet-web.co.jp/ html JavaScript お久しぶりです。阿部です。 HTML5のdate型の項目で、存在しない日付に対するバリデーション処理にはまった話を書きたいと思います。 <input type="date" id="date"> と要素を作成し、javascriptで入力値を取得し入力チェックを行う処理を実装していました。 let date_value = document.getElementById("date").value 動作確認をしている中で入力値がうまく取れていないことが分かったので、整理してみました。 入力パターンに対して取得できた入力値のパターン、出力したいメッセージは下記の通りでした。 入力パターン dat… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmedia.zenet-web.co.jp%2Fentry%2F2021%2F01%2F28%2F142404" title="HTML5 date型に存在しない日付を入力したときにはまった話 - Zenet Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/z/zenet-tech/20210317/20210317101209.png Hatena Blog https://hatena.blog 2021-01-28 14:24:04 rich https://media.zenet-web.co.jp/entry/2021/01/28/142404 1.0 100%