1. 形態の設計

形式でのフィールド検証

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

フィールド検証は、ユーザーがフォームを通じて提出するデータが正確で完全かつ正しいフォーマットであることを保証します。これは特に、フォームが重要な顧客データを収集することが多いエンタープライズグレードのCMSプラットフォームで重要です。

フィールド検証の主要なアプローチはsubmit-time validationreal-time validationです。送信時検証とは、ユーザーがフォームを送信したり、マルチステップフォームで次のページに移動したりする際に行われるチェックを指します。すべての必要項目が記入され、入力が特定のフォーマットや条件を満たしていることを保証します。一方、リアルタイム検証は、ユーザーがフォームフィールドとやり取りする際に即座にフィードバックを提供し、入力やオプション選択時にエラーのフラグを立てるなどです。Formsは送信時およびリアルタイムの検証をサポートしており、必須フィールド、パターン、電話番号、reCAPTCHA、利用規約の承認、文字数制限、オプション数、ファイルアップロード制限などをカバーしています。これにより、堅牢なデータ収集とより良いユーザー体験が保証されます。

フィールド検証の主な利点

フィールド検証iFormsの主な利点は以下の通りです:

  • Improved data quality - 必須項目、メールフォーマットチェック、電話番号パターンなどの検証ルールは、不完全または誤った提出を防ぐのに役立ちます。これにより、システムに入るデータが使いやすく信頼できるものであることが保証されます。

  • Enhanced user experience - リアルタイムフィードバック(例えば、フィールドの横に赤または黄色のインジケーターが表示される)により、提出前に誤りを訂正するようユーザーが案内されます。これによりフラストレーションが減り、フォームの完成率が上がります。

  • セキュリティとスパム防止 - 検証は悪意ある投稿や自動送信をブロックするのに役立ちます。例えば、g-recaptchaのサーバー側検証は、ボットがクライアント側のチェックを回避するのを防ぐために不可欠です。

  • 明確さのためのカスタムメッセージング - 必須、メール、電話の欄でデフォルトの検証メッセージをカスタムに置き換えることができます。これにより、ユーザーとのより明確でブランドに沿ったコミュニケーションが可能になります。

送信およびページナビゲーションでの検証

ユーザーがフォームを送信したり、複数ページフォームで次のページに移動したりすると、以下の検証がトリガーされます。

  • Required validation - すべての必須フィールドが記入されていることを保証する。

  • Pattern validation - メールおよびショートテキストフィールドでは、カスタム正則表現パターンを用いてメール形式の検証が可能です。

  • Phone validation - 入力が有効な電話番号フォーマットに合致しているかを確認します。

  • reCAPTCHA - ユーザーがセキュリティチャレンジを完了することを保証する。

  • 利用規約&チェックボックス - ユーザーが利用規約に同意したことを確認します。

リアルタイム(即時)検証

これらの検証は、ユーザーがフォームフィールドとやり取りする際に行われます:

  • Character limit - ショートテキストおよびロングテキストフィールド用、タイピング中の文字数を制限します。

  • Number of options - マルチセレクトおよびチェックボックスグループフィールドでは、選択可能なオプションの数を制限します。

  • ファイルフィールド検証:

    • 最大単一ファイルサイズ - アップロードされた各ファイルのサイズを制限します。

    • 最大ファイル数 - アップロードできるファイル数の上限です。

    • Accept file types - アップロードを特定のファイル形式(例:.txtファイルおよび.svgファイルのみ)に制限します。

この記事を改善するための提案がある場合は、 お知らせください!