如何解决如何使用 react-hook-form 检查 react-datepicker 值?
我有一个注册表并使用 react-hook-form 进行验证。如果未满 15 岁,我想给出错误消息。这可能吗?
这里是选择器代码
<DatePicker ref={ref} name="birthday" dateFormat="dd/MM/yyyy" disabled={disabled}
selected={startDate || value}
onChange={date => onChangePicker(date)}
maxDate={addDays(new Date()),1)}
onFocus={() => { focusInput() }}
onBlur={(e) => { blurInput(e) }}
autoComplete="off"
customInput={
<MaskedInput
mask={[/\d/,/\d/,'/',/\d/]}
/>
}
/>
这里是表格
{errors.birthday && <span className="input__error-message birthday-error">Birthday is required</span>}
<Controller
name="birthday"
control={control}
defaultValue={false}
render={({ onChange,value }) => <Calendar label="Birthday" onChange={onChange} value={value} />}
rules={{ required: true }}
register={register}
/>
解决方法
是的,这是可能的。您只需要使用 validate
道具对象提供的 rules
函数。
const isOlderThan15Years = date => {...}
rules={{ required: true,validate: date => isOlderThan15Years(date) }}
查看文档中的 register 部分以获取更多信息。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。