HTML5では、type属性を指定すれば自動でバリデーションがかかったり、requiredを指定するだけで入力チェックをかけることが可能です。 HTML5の入力検証機能はとっても簡単に導入できるのですが、下記のようなデメリットのため、使わないことの方が多いです。 ・ブラウザによってエラーの表示内容が異なる ・JSで組んだ方がカスタマイズしやすい date,search,number,range,colorなどはいまだにIEやsafariが対応してなかったりするみたいなので、その他のtype属性は合わせておいた方が無難かなーと思っています。 今回、jQueryを使ってバリデーション チェックを作る機会があったので、忘備録的に書いておきたいと思います。 少しでも参考になれば幸いです。 まずは、HTML5だけで実装してみた HTML5だけで実装するとこんな感じ。 未入力チェックに関してはrequ
![jQueryで実装するフォームバリデーション|KojimaKohei](https://cdn-ak-scissors.b.st-hatena.com/image/square/42b0c081334f1388745075493ce0b93fda5ce8ab/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F24272146%2Frectangle_large_type_2_7ceced80de61c4c891acec8748dc26ef.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)