jQuery Validation Pluginでバリデート

moritani 281views 更新:2015年11月18日

jQuery Validation Plugin(カスタムフィールドテンプレートプラグインに入ってます)を使えば、フォーム要素内の入力部品に入力された値が正しいかを、指定したルールに基づいてチェックを行えます。


ルール名 内容 required 必須入力チェックを行う remote バリデーション結果をサーバに問い合わせる email 入力値がメールアドレスのフォーマットであるか url 入力値がURLのフォーマットであるか date 入力値が日付であるか dateISO 入力値がISO形式の日付であるか number 入力値が数字であるか digits 入力値が整数のみであるか creditcard 入力値がクレジットカード番号のフォーマットであるか equalTo 入力値が指定した値と一致しているか maxlength 入力値が指定した桁数以下か minlength 入力値が指定した桁数以上か rengelength 入力値が指定した桁数の範囲であるか renge 入力値が指定した数字の範囲であるか max 入力値が指定した数字以下であるか min 入力値が指定した数字以上であるか

また、addmethodで新たなルールを追加することもできます。

//全角ひらがな・カタカナのみ
jQuery.validator.addMethod("kana", function(value, element) {
    return this.optional(element) || /^([ァ-ヶーぁ-ん]+)$/.test(value);
    }, "全角ひらがな・カタカナを入力してください"
);

他にも、電話番号、郵便番号のチェック等いろいろ作れます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません