このページのトップへ
アンカー 1
説明例
この例では、フォームのカスタムバリデーションを作成する例を示します。
どのように構築したか
この例では、正規表現とカスタムバリデーション API を使ってフォームを検証する方法を示します。
電話の入力は正規表現を使って検証される:
^\([0-9]{3}\) [0-9]{3}-[0-9]{4}$
これは電話番号の形式をチェックする:
(555) 555-5555
EmailとConfirm Your Emailの入力は、onCustomValidation関数を使用してバリデーションイベントハンドラを登録し、コード内でバリデーションされます。この関数は、要素のバリデーションがチェックされたときに実行されます。ここでは、Eメールと確認メールの両方が一致することを確認しています。
ユーザーが完了ボタンをクリックすると、予約コレクションにデータを保存する前に、データセットのonBeforeSaveイベントハンドラを使用して、すべてのフィールド値が有効かどうかをチェックします。有効でない場合、フォームの下部に展開されるテキスト要素に関連するエラーメッセージを表示します。
次のステップ
この例をエディターで開き、テンプレートを操作してください。
サイトを公開する。
どのように Veloでの例題の扱い方.
関連例
これは役に立ったか?
|
ご意見ありがとう!
基本形
コードを一行も書かずに基本的なフォームを作成できます。
初心者
カスケード・フォーム
前の選択に基づいてドロップダウンのオプションを変更します。
中級
崩壊するフォーム
フォームのセクションを折りたたんだり展開したりします。
初心者
アンカー2
ページ下