Querier

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

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つでも満たしていないと invalidtrue となる仕様となっております。

デモ


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

最新の記事

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

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

more

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

Querierについて詳しく見る