如何使用 Joi 为输入字段赋予 null 的初始值?

IT技术 javascript reactjs validation joi
2022-07-06 02:07:10

我正在构建一个联系页面,首席开发人员希望我使用 Joi 来验证输入。这是我第一次使用这个特定的表单验证器。我的表单有一些动画,当表单字段获得焦点并且表单输入有效时应该触发。我的问题是 Joi 似乎为字段添加了默认值,因此输入始终有效。有没有办法防止这种情况发生?

这是我输入表单之一的代码

<div className={scss.col}>
 <input type="text" autoComplete="off" {...register("name", {required: true})}/>
 <label htmlFor="name" className={scss.labelName}>
   <span className={scss.contentName}>Name</span>
 </label>
 <p className={errors.name ? scss.error : undefined}>
  {errors.name?.message}
 </p>
</div>

编辑:我试图为输入字段声明一个默认值为 null 但我使用的是typescript,我收到以下错误消息:

类型 'null' 不能分配给类型 'string | 号码 | 只读字符串[] | undefined'.ts(2322) index.d.ts(2202, 9):预期的类型来自属性'value',它在类型'DetailedHTMLProps<InputHTMLAttributes, HTMLInputElement>'上声明

0个回答
没有发现任何回复~