Jquery Validation For Gravity Formsのバリデーションルールとスタイルテーマには以下の種類があります。
バリデーションを使用するには表中の「CSSクラス」のカラムに記載されたクラス名を入力フィールドに設定する必要があります。
このページは、Jquery Validation For Gravity Formsの公式ページからの翻訳です。
https://demos.dnesscarkey.com/jquery-validation-for-gravity-forms/validation-methods/
バリデーションルール(Ver 1.9)
| 種類 | CSSクラス | バリデートの内容 |
|---|---|---|
| 必須 | ー | 必須のチェックを行う場合は、GravityForms標準の必須チェックを使用 |
| 例:test@domain.com | ||
| URL | url | 例:http://www.example.com |
| 日付 | date | 例:2015-03-12 |
| 数値 | number | 例:7645.46 |
| 桁 | digits | 数字のみ受け付けます。小数点以下は受け付けません。例:7645 |
| クレジットカード | creditcard | クレジットカード番号の認証が必要な場合。例:5520010511051954 |
| アメリカ電話番号 | phoneUS | 米国の電話番号の認証が必要な場合。例:837-345-3456 |
| IBAN (International Bank Acccount number) | iban | 国際銀行口座番号の認証が必要な場合。 IBANは、銀行口座の所在国、支店、口座番号を一意に特定するための統一規格のコードです。 最大34桁のアルファベットと数字により構成され、最初の2文字(アルファベット)は国名略号です。 例:AL47212110090000000235698741 |
| アルファベットのみ | lettersonly | アルファベットのみを検証する必要がある場合。例:abcdefghijkl |
| カスタムコード | CCode-XXX | カスタムコードの検証を行います。Ver5.0から複数のカスタムコードに対応 |
| カスタム正規表現 | RegEx-XXX | カスタムjavascriptのRegExを使用して、任意のルールを検証します。 |
| Email認証 | emailVerify | メールで認証コードを送信し、認証します。 |
| ユーザーネームチェック | checkUsername | ユーザー名が存在するかどうかをチェックし、検証します。 ユーザーを紹介したり、サポートに問い合わせたりするのに利用できます。 |
| アルファヌメリック | alphanumeric | アルファベット、数字、アンダースコアのみ。 |
| アルファベットとスペース | letters_space | アルファベットとスペースのみです。 |
| オランダのジロ口座番号 | giroaccountNL | giroの口座番号の検証を行う。 |
| BICナンバー | bic | 銀行・支店識別用コードを検証します。 BICはSWIFTコードとも呼ばれます。 8桁または11桁のアルファベットと数字で構成されています。 |
| 整数 | integer | 正または負の非十進数を検証する。 |
| IPv4アドレス | ipv4 | |
| IPv6アドレス | ipv6 | |
| イギリス携帯電話 | mobileUK | イギリスの携帯電話番号を検証します。 |
| イギリス固定電話 | phoneUK | イギリスの電話番号を検証します。 |
| アメリカの州 | stateUS | アメリカの州を検証します。 |
| 最小値 | JVmin-# | ユーザーが入力できる最小の数値。例えば年齢が18歳以上であること。 CSSクラスの#は必要最小限の数値である。 |
| 最大値 | JVmax-# | ユーザーが入力できる最大の数値。例えば年齢が65歳以上でないこと。 CSSクラスの#は必要な最大数値である。 |
| 最小の長さ | JVminlength-# | ユーザーが入力できる最小の長さ。例えば名前は3文字以上でなければなりません。 CSSクラスの#は必要最小限の長さです。 |
| 最大長 | JVmaxlength-# | ユーザーが入力できる最大の長さ。例えば名前は30文字以下で入力してください。 CSSクラスの#は許容される最大長である。 |
| レンジの長さ | JVrangelength-#-* | ユーザーが入力できる最小文字数と最大文字数。例:ユーザー名は最低3文字、最高20文字まで。 CSSクラスの#は必要最小限の長さ、*は許容される最大限の長さである。 |
| レンジ | JVrange-#-* | ユーザーが入力できる最小値と最大値。のように。年齢は18歳以上60歳未満でお願いします。 CSSクラスの#は必要最小限の数値、*は許容される最大限の数値である。 |
| 別フィールドと同じ | JVequalTo-input_## | 前の要素と同じような値を求める必要がある場合。例えばパスワードの確認 CSSクラスのinput_##は、検証したいフィールドIDです。 |
| JVエクステンション | JVextension-ext1_ext2_ext3 | ユーザーがアップロードできるファイル形式を限定する。例:jpg,pngのみ。 CSSクラスのext1、ext2、ext3は、アップロードを許可するファイル拡張子です。 |
| JV必須グループ | JVrequireGroup-#_GROUPNAME | グループ内の任意の数のフィールドが必須である場合。例えば3つの電話番号のグループのうち、少なくとも1つが完全であることを確認する。 CSSクラスの#はユーザーがグループから入力しなければならないフィールドの数で、GROUPNAMEはフィールドのクラス名である。 例えば、phonenumbersのように、グループからのすべてのフィールドのクラスとしてGROUPNAMEを追加する必要があります。 |
エラー表示のスタイルテーマ
Validation Error None(スタイル無し)

Validation Error Theme 1(アンダーライン表示)

Validation Error Theme 2(枠右側罫線表示)

Validation Error Theme 3(チェック表示)

Validation Error Theme 4(枠線表示)

JQuery Validation for Gravity Forms の使い方は以下の記事を参照してください。
投稿者プロフィール
- DoL(CMSラボ所長)
-
CMS Laboの所長。
所員はまだない。
DoLは Director of Laboratories の略です。
最新の投稿
GravityForms2023年2月13日スパムハニーポットの機能強化
GravityForms2023年2月10日ブロックのテーマとスタイルの設定
GravityForms2023年2月9日Gravity Formsのテンプレートライブラリを利用する
GravityForms2023年2月8日Gravity Forms セットアップウィザード


