【Power Automate】正規表現を使った入力バリデーション｜アダプティブカード

今回の記事では、正規表現を使った入力バリデーションを実現する方法をお伝えしていきます。

フロー内で正規表現を利用しようとすると複雑になりがちですが (解説記事はこちら) 、アダプティブカード入力時のバリデーション機能を使うことでシンプルに実装することができます。

よく使うバリデーションパターンも一覧でまとめていますので、ぜひコピペしてご活用ください。

完成イメージ
サンプルフローの作成
よく使う正規表現パターン
注意事項
まとめ
1. この記事は役に立ちましたか？

完成イメージ

Teamsに届いたアダプティブカードに不適切なメールアドレスを入力して送信しようとすると、
エラーメッセージが表示されて送信できないように制御してくれます。

アダプティブカード入力後 — メールアドレスではない文字列を入力して送信しようとすると、エラーメッセージが表示される

サンプルフローの作成

フロー全体像

トリガー設定

今回は手動トリガー、名前は任意ですが「正規表現バリデーションサンプル」としました。

アダプティブカード送信アクションの設定

Teamsコネクタの「アダプティブカードを投稿して応答を待機する」アクションを追加します。

投稿者・投稿先・Recipientは任意で構いませんが、今回は以下のように設定しました。

Messageには、以下のアダプティブカードJSONを入力します。

{
  "type": "AdaptiveCard",
  "version": "1.3",
  "body": [
    {
      "type": "TextBlock",
      "text": "入力フォーム",
      "size": "large",
      "weight": "bolder"
    },
    {
      "type": "Input.Text",
      "id": "メールアドレス",
      "label": "メールアドレス",
      "placeholder": "例）sample@example.com",
      "regex": "^[\\w.-]+@[\\w.-]+\\.[a-zA-Z]{2,}$",
      "errorMessage": "正しいメールアドレスの形式で入力してください",
      "isRequired": true
    }
  ],
  "actions": [
    {
      "type": "Action.Submit",
      "title": "送信"
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}

特に以下の部分が正規表現に関わる部分です。
3章のよく使う正規表現パターンを参考に、変更しながら動きを確認すると理解が深まります。

正規表現部分 — regexの後に続くのが正規表現、errorMessageの後に続くのがエラーメッセージ

作成アクションの設定

ユーザーがアダプティブカードに入力した内容は、その後のアクション内で動的なコンテンツとして利用できます。
今回は作成アクションを配置して、その中に動的なコンテンツを追加しました。

動的なコンテンツの利用 — アダプティブカードのidプロパティに設定した値（今回の場合は「メールアドレス」）が動的なコンテンツ内に表示される

よく使う正規表現パターン

よく使いそうな正規表現のパターンを以下にまとめました。
あくまで例のため、ご自身でチェックしてからご利用ください（アダプティブカードのregex部分に入力してください）。

許可する値	正規表現	エラーメッセージ
英数字のみ	^[a-zA-Z0-9]+$	半角英数字のみ入力してください
整数のみ	^\\d+$	半角数字のみで入力してください
数値 (小数点対応)	^\\d+(\\.\\d+)?$	数値形式で入力してください
日付 (YYYY/MM/DD)	^\\d{4}/\\d{2}/\\d{2}$	YYYY/MM/DD形式で入力してください
メールアドレス	^[\\w.-]+@[\\w.-]+\\.[a-zA-Z]{2,}$	正しいメールアドレスを入力してください
郵便番号	^\\d{3}-?\\d{4}$	郵便番号形式(123-4567)で入力してください