![Power Appsで未入力チェック機能を実装する方法](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/image_powerApps002-1200x795.jpg)
本記事ではPower Apps初心者の方に向けて、入力画面に未入力チェック機能を実装する方法を紹介します。
未入力チェック機能の想定挙動は下記となります。
- 必須項目が入力されていない場合
「送信」ボタンが押せず、エラーメッセージが表示される。 - 必須項目が入力された場合
「送信」ボタンを押せるようになり、エラーメッセージが非表示となる。
入力画面へのコントロールの配置
入力画面に編集フォーム、送信ボタン(ボタン)、未入力メッセージ(テキスト)を配置します。
各コントロールのプロパティを下記のように設定します。
1. 編集フォーム
DataSource:接続したいSharePointリスト名
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_01.png)
DefaultMode:FormMode.New
また、編集フォームのコントロール名を「自己紹介」に修正します。
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_02.png)
参考までに、接続先のSharePointリストは下記画像のような構成となっています。
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_03.png)
2.送信ボタン(ボタン)
Text:”送信”
3. 未入力メッセージ(テキスト)
Align:Align.Center
Color:RGBA(255, 0, 0, 1)
Text:"未入力の項目があります。"
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_04.png)
必須入力の設定
編集フォームの中で必須入力させたい項目の[Required] プロパティを「true」に変更します。
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_05.png)
必須入力させたい項目のタイトルの横に★マークがついていればOKです。
(下記例では、氏名と住所の項目を必須入力にしています。)
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_06.png)
その後、必須入力させたい項目のテキストラベルコントロール(ErrorMessage)のプロパティを以下に設定します。
Color:RGBA(255, 0, 0, 1)
FontWeight:FontWeight.Normal
Text:"必須項目です。"
Visible:If(DataCardValue~.Text = "",true,false)
※ErrorMessageとDataCardValueは編集フォームを配置する際に自動的に生成されるコントロールの名前です。
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_07.png)
送信ボタンの設定
送信ボタンの[DisplayMode]プロパティに「If(コントロール名,Vaild,DisplayMode.Edit, DisplayMode.Disabled)」と入力します。
(下記例の場合「If(自己紹介,Vaild,DisplayMode.Edit, DisplayMode.Disabled)」と入力します。)
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_08.png)
エラーメッセージの設定
エラーメッセージの[Visible]プロパティに「If(コントロール名,Vaild,false,true)」と入力します。
(下記例の場合「If(自己紹介,Vaild,false,true)」と入力します。)
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_09.png)
実装後の確認
PowerAppsのプレビュー機能(画面右上の▶️ボタン)を使って必須チェックが行われるか確認します。
下記画像のように、必須項目が空白の場合は「エラーメッセージが表示されて送信ボタンが押せない」挙動となり、必須項目に値を入力した場合は「エラーメッセージが表示されずに送信ボタンが押せる」挙動になることを確認してください。
必須項目が未入力の場合
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_10.png)
必須項目に値が入力されている場合
![](https://mssp.tenda.co.jp/wp-content/uploads/2024/07/No26_11.png)
まとめ
今回は入力画面の未入力チェック機能を実装する方法を紹介しました。項目ごとに未入力チェックの機能を実装することも可能ですが、複数の項目に対してまとめて未入力チェックを行いたい場合はぜひ本記事の方法をご活用ください。