0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【OutSystems】Form Validationの実装

Last updated at Posted at 2025-08-07

今回の記事はタイトル通り、フォームバリデーションの実装をメインにまとめていきます。
知人から質問されてたことをきっかけに、知識を深めていこうと思います。

Form Validationについて

Form Validationとは、ウェブフォームやアプリの入力フォームに対して、ユーザーが正しい形式・内容のデータを入力しているかどうかをValidation(検証)する仕組みのことです。

例えば、下記のようにFormウィジェットの中にInputウィジェットとButtonウィジェットを用意します。InputウィジェットのMandatory(必須)はTrueに設定しています。

image.png

Inputに何も入力せず、「Save」ボタンを押下すると、下記画像のようにValidation Messageが表示されます。これがForm Validationの機能となります。

image.png

Form Validationの実装

OutSystemsはデフォルトでValidation Messageが用意されています。

image.png

このValidation Messageは、Eventsプロパティの「Built-in Validations」をYesに設定することで、呼び出されます。(同一Form内外は問いません)

image.png

また、アクション内ではValidationを検知することができます。
Form.Validは「バリデーションが実行されたかどうか」を表すboolean変数です。
この変数がTrueのときには、通常のウィジェットが表示され、
この変数がFalseのときには、赤い境界線が適用されValidation Messageが表示されます。
image.png

試しに、下記のようなアクションを作成し、実行します。
これを利用することでValidationを契機に処理を分岐することが可能です。

image.png

image.png

image.png

また、Validation Messageを変更することも可能です。
ウィジェット名.ValidationMessageに値を代入するだけです。

image.png

image.png

以上となります。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?