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標準の必須チェックを使用
Emailemail例:test@domain.com
URLurl例: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アルファベットとスペースのみです。
オランダのジロ口座番号giroaccountNLgiroの口座番号の検証を行う。
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を追加する必要があります。
Jquery Validation For Gravity Formsのバリデーションルール

エラー表示のスタイルテーマ

Validation Error None(スタイル無し)

theme_no

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

theme_1

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

theme_2

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

theme_3

Validation Error Theme 4(枠線表示)

theme_4

JQuery Validation for Gravity Forms の使い方は以下の記事を参照してください。

Jquery Validation For Gravity Forms
Jquery Validation For Gravity Formsを使用して動的にフォームのバリデーションを行う

投稿者プロフィール

DoL(CMSラボ所長)DoL(CMSラボ所長)
CMS Laboの所長。
所員はまだない。

DoLは Director of Laboratories の略です。

コメントを残す

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

CAPTCHA