Yup を使用して文字列の配列を検証する方法

こんにちは！このチュートリアルでは、Yup 検証ライブラリを使用して文字列の配列を検証する方法を学習します。まず、文字列を検証して配列に適用する方法を学びます。最近、フォームで各入力フィールドを空にしないことが必要になるという問題が発生しました。このチュートリアルでは、私がどのように行ったかを共有します。

うん、何ですか？

Yup は、JavaScript (および Typescript) 用の人気のある、シンプルなオープンソースのランタイム検証ライブラリです。 Yup は、宣言的で使いやすい方法でデータ スキーマを定義および検証する方法を提供する JavaScript スキーマ検証ライブラリです。フロントエンド開発、特にフォームやデータ入力の検証でよく使用されます。開発者は、Yup の API を使用して検証スキーマを作成し、期待するデータの形状と制約を指定できます。

導入

ユーザーが複数の電子メールを入力できるフォームを実装しているとします。各メールが有効かどうかを確認する必要がありますが、各メールがメールとして検証されるスキーマを実際に作成するにはどうすればよいでしょうか?

リーリー

文字列を検証する方法

確かに文字列を検証するには、string()関数を使用する必要がありますが、それは他の関数でもあります。

たとえば、有効なメールアドレスが必要な場合は、string().email().
を使用できます。

リーリー

必須フィールドが必要な場合は、string().required().
を使用できます。

リーリー

これはとても簡単なので、配列に適用してみましょう。

Yup で文字列の配列を検証する方法

文字列の配列を検証するには、array().of()関数を使用して検証する配列のタイプを指定する必要があります。例:

リーリー

ここで、いくつかのデータを使用して再度テストしてみると、正しい結果が得られます:

リーリー

他の型の配列を検証する方法

同様に、数値の配列または任意の型を検証する場合も、同じ手法を使用できます。例:

リーリー

基本的にはそれだけです!

結論

Yup を使用するときに文字列の配列を検証する方法を学習しました。また、array().of() 関数を使用して他の型の配列を検証し、複雑な配列スキーマを作成する方法も学習しました。単一のオブジェクトで実行できることはすべて、配列でも実行できます。

以上がYup を使用して文字列の配列を検証する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。