【HTML5】HTML5で実装する簡単なフォームバリデーション【前半】

こんにちは。
今回はフォームのバリデーションについてのTipsです。

バリデーションってなに？

バリデーションとは、簡単に表現すると文法チェックのようなものです。

システムでは予期せぬ文字列がはいったときのエラー回避や、誤入力を防止するユーザーのための機能でもあります。

jQueryのライブラリでも多く存在する通り、MailやPassword、選択や必須はjavascriptやサーバーサイドで実装されていました。
よく皆さんが目にする「必須項目です。入力してください」のような表示もそれの一種ですね。

HTML5は多くの検証ができるよう既に様々なタイプが用意されています。

こんなかんじで使いますね。

<input type="email"/>

これらのCSSとHTMLを駆使しながらツールチップなども表示できます。

今回はご紹介にとどめましたが、次回実際にどう実装するか記事にしたいと思います！

Tsukasa Nagata

株式会社ユニマル代表取締役COO。「Web制作チームのためのクリエイティブ・プラットフォーム『universions』」では、UIデザイン・開発とマーケティング、色んなところに遊びにいくのが担当。