yupの主なバリデーションまとめ

必須チェック:required

yup.string().required()

文字列の最小の長さ:min

yup.string().min(5)

文字列の最大の長さ:max

yup.string().max(5)

正規表現:matches

yup.string().matches(/^[a-zA-Z0-9_.+-]+@([a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9]*\.)+[a-zA-Z]{2,}$/)

指定した値のみ許可:oneOf

ラジオボタンやセレクトボックスなどで指定した値のみ許可したい場合などに使用する。

yup.mixed().oneOf([1, 2, 3, 4, 5])

独自のチェックを行う:test

独自のバリデーションチェックを使用したいときに使用する。

yup .string() .required() .test( "name", () => "指定された値ではありません", (value: string) => value === "test" ),

IT技術ブログ
↓↓「にほんブログ村」のランキングに参加しています。少しでも面白い、参考になったとか思われたらポチッとしていただけると嬉しいです!

にほんブログ村 IT技術ブログへ

にほんブログ村