# ユーザー入力を検証する方法

ソフトウェアアプリケーションを構築する際に、特にユーザーからデータを収集するアプリケーションでは、入力内容の検証は重要な要素です。ユーザーデータを受け入れる際には、事前に定義されたルールや制約に準拠しているかどうかを確認する方が安全です。ユーザー入力を検証することにより、開発者は収集されたデータが正確で一貫性があり、安全に使用できることを保証できます。

Dashcombは、各入力コンポーネントに構成可能な検証機能を提供しています。これらの検証は、入力が変更されるたびに自動的に実行されます。さらに、ダッシュボードの開発者は、クエリが実行される前に検証を実行することを選択できます。これにより、データエラーや一貫性の問題に対する追加の保護層が提供され、データがデータベースに挿入される前に有効であることを確認できます。

## 入力コンポーネントの構成

まず、検証を構成する入力コンポーネントを選択してください。ダッシュボードでコンポーネントをクリックすることでこれを行えます。入力コンポーネントを選択したら、サイドバーにある「共通」セクションを見て、「入力必須」オプションを探してください。これは最も基本的な検証タイプです。「入力必須」がオンに設定されている場合、ユーザーが値を入力しなかった場合にエラーメッセージが表示されます。

<figure><img src="/files/YDQX8w1KruZLpUN8ECXI" alt=""><figcaption></figcaption></figure>

Dashcombは、データのタイプに応じて、よりカスタマイズされた検証オプションも提供しています。右サイドバーの下部にある「入力種別」セクションを見て、「パターン」を期待するデータに合わせて変更してください（たとえば、数値、URL、電子メール）。選択したタイプに基づいて、Dashcombは追加オプション（最小値や最大値など）を提供し、電子メールアドレスやURLが正しいかどうかを自動的にチェックします。

<figure><img src="/files/qn3VlvC1L2A7Ogo3CBy2" alt=""><figcaption></figcaption></figure>

指定されたルールに合致しないデータがある場合、ユーザーにエラーメッセージが表示されます。

## 検証の実行タイミングの設定

ユーザーが入力値を変更した後に検証を実行するだけでなく、ダッシュボードの開発者はクエリがトリガーされたときに検証を実行するように選択できます。これにより、データがデータベースに挿入される前にデータが有効であることが保証されます。

1. 実行するアクションの設定を開きます。たとえば、データをデータベースに挿入するフォームを送信するボタンがあるかもしれません。ボタンコンポーネントを選択し、右側のサイドバーで「onClick」アクションを設定します。
2. 「タイプ」を「クエリ実行」に変更します。「バリデーション」セクションが表示されます。
3. 「検証」セレクタを「セクション」または「全体」に変更します。「セクション」を選択すると、同じセクションコンポーネント内のコンポーネントのみが検証されます。「全体」を選択すると、現在のダッシュボード内のすべてのコンポーネントが検証されます。
4. コンポーネントのいずれかが検証に失敗した場合、ダッシュボードのUI内にエラーが表示され、クエリは実行されません。

<figure><img src="/files/Ixsr3FzSRDvT63ifeKEv" alt=""><figcaption></figcaption></figure>

Dashcombの入力検証機能は、ダッシュボードのデータの正確性と信頼性を確保するための強力なツールです。Dashcombの機能により、ダッシュボードの開発者は各入力コンポーネントのデータ検証ルールを簡単に設定し、どのクエリが検証をパスする必要があるかを指定できます。不正なデータがデータベースに到達するのを防ぐことで、開発者はデータとダッシュボードの完全性を保護できます。

\\


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/yzwosuru.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
