フロントエンド開発といえば。
react アプリの初期化( npm init vite@latest <アプリ名> )

zodで最大文字数チェックの時に「現在 xx文字です」を表示させる

● zodで最大文字数チェックの時に「現在 xx文字です」を表示させる

max() の代わりに refine() を使用して 動的なメッセージを表示します。

  .max(15, { message: "ユーザー名は最大15文字です。" })

  ↓

    .refine(
      (arg: string) => arg.length <= 15,
      (arg: string) => ({
        message: `ユーザー名は最大15文字です。現在 ${arg.length} 文字使用しています。`,
      }),
    ),
No.2437
01/11 08:45

edit