Webアプリの入力値チェック

Webアプリの入力値チェック

HTML5とjQuery Validationを使い
入力値チェックをする

ちなみに、HTML5から
フォームバリデーションが使えるようになり
HTMLだけである程度の入力値チェックはできる

このため、電話番号や数字などは
特定のキーボードしか使えないようにして
入力制限することができる

もし、電話番号入力なら

<input type="tel" id="tel" name="tel"></input>

とすれば
type=”tel”
によって、電話番号入力専用キーボードになり、
電話番号しか入力できなくなる

似たようなもので
type=”number”なら、数字しか入力できなくなる

type=”date”なら、iOSの場合、日付入力ダイアログになる

type=””の指定の一部を書くと

type=”tel”
電話番号

type=”number”
数字のみ

type=”email”
メールアドレス入力

type=”url”
URL入力

type=”datetime”
日付+時間

となる

HTML5だけでもかなりできるけど
jQuery Validationを使うのは、
OSの種類やバージョンでサポートが変わるため

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です