バリデーション機能が大幅に強化されました！

2022.09.02に公開 | 2022.09.02に更新

Querier運営

@querier_io @querierinc

「Querier（クエリア）」は社内向け管理画面を圧倒的な速さで、かつビジネスのスケールに合わせて柔軟に構築することができるローコードツールです。

管理画面の構築もWeb上で完結
エンジニアのためのローコードツール

Querierについて詳しく見る

みなさんこんにちは、Querier開発チームです。
今回のアップデートで各種インプット系コンポーネントのバリデーション機能が大幅に強化されましたので、こちらで解説させていただきます。

今回のアップデート対象

インプットコンポーネント
セレクトコンポーネント
マルチセレクトコンポーネント
チェックボックスコンポーネント
チェックボックスグループコンポーネント
テキストエリアコンポーネント

アップデート内容

今回のアップデートで上記コンポーネントに invalid というパラメータが追加されました。ボタンコンポーネントの「無効にする条件」などで、 {{ input1.invalid }} などとして参照することにより、バリデーション結果を参照しやすくなりました。
また、インプットコンポーネントに関しては新たに以下の項目が追加されました。

パターン
- Email
- URL
- Regex（正規表現）
Min length
Max length

これらの項目の追加により、最小値や最大値、メールアドレスやURLなどよく使うバリデーションを簡単に使うことができるようになりました。また、正規表現にも対応しておりますので、オリジナルパターンでのバリデーションも可能です。設定した条件を1つでも満たしていないと invalid は true となる仕様となっております。