如何在验证通过时使表单输入变为绿色- NextJS,zod

vaj7vani  于 2023-11-18  发布在  其他
关注(0)|答案(1)|浏览(71)

我正在使用shadcnhttps://ui.shadcn.com/docs/components/form)中的Form组件,我想知道如何根据验证结果对输入进行样式设置。目前,当验证失败时,红色文本出现在输入下方,当验证通过时,文本消失,输入再次正常。我想在验证通过时将其变为绿色,即添加自定义类来样式化它。我如何做到这一点?

0md85ypi

0md85ypi1#

您可以通过下面的代码实现这一点。

import { cn } from "@/lib/utils";
import { Controller, useForm } from "react-hook-form"

个字符

相关问题