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

必須チェック：required

yup.string().required()

yup.string().min(5)

yup.string().max(5)

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

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

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

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

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

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