このページのトップへ
カスタムバリデーション

カスタムバリデーション

正規表現とコードバリデーションを使用してフォームを検証します。

中級.png

中級

17K

出版された:

2020年1月1日

酒を楽しむ少女

によって

アンカー 1
開発者を雇う

説明例

この例では、フォームのカスタムバリデーションを作成する例を示します。

コード例

タブ1

.

タブ2

.

タブ3

.

このコードによる解決は複雑になる可能性がある。

どのように構築したか

この例では、正規表現とカスタムバリデーション API を使ってフォームを検証する方法を示します。


電話の入力は正規表現を使って検証される:

^\([0-9]{3}\) [0-9]{3}-[0-9]{4}$

これは電話番号の形式をチェックする:

(555) 555-5555


EmailとConfirm Your Emailの入力は、onCustomValidation関数を使用してバリデーションイベントハンドラを登録し、コード内でバリデーションされます。この関数は、要素のバリデーションがチェックされたときに実行されます。ここでは、Eメールと確認メールの両方が一致することを確認しています。

 

ユーザーが完了ボタンをクリックすると、予約コレクションにデータを保存する前に、データセットのonBeforeSaveイベントハンドラを使用して、すべてのフィールド値が有効かどうかをチェックします。有効でない場合、フォームの下部に展開されるテキスト要素に関連するエラーメッセージを表示します。


次のステップ


  1. この例をエディターで開き、テンプレートを操作してください。

  2. サイトを公開する。

  3. どのように Veloでの例題の扱い方.

使用したAPI

コード以外の例。

関連記事

開発者を雇う

Veloソリューションは強力なツールですが、自力で構築するのは困難です。経験豊富なVelo開発会社に構築をお任せください。

関連例

これは役に立ったか?

はい

|

いいえ

ご意見ありがとう!

基本形

基本形

コードを一行も書かずに基本的なフォームを作成できます。

中級.png

初心者

カスケード・フォーム

カスケード・フォーム

前の選択に基づいてドロップダウンのオプションを変更します。

中級.png

中級

崩壊するフォーム

崩壊するフォーム

フォームのセクションを折りたたんだり展開したりします。

中級.png

初心者

アンカー2
ページ下