其中,正则表达式 ^[1-9][0-9]{5}$
匹配6位数字,第一位不能为0。
npm install yup
然后引入yup并创建一个schema,包含对邮政编码的验证规则。代码示例如下:
import * as Yup from 'yup';
const schema = Yup.object().shape({
zipcode: Yup.string()
.matches(/^[1-9][0-9]{5}$/, '请输入6位有效邮编')
});
最后,在react-hook-form的 useForm
方法中引入schema,绑定到表单上。代码示例如下:
const { register, handleSubmit, errors } = useForm({
validationSchema: schema
});
其中,validationSchema
属性将 schema 绑定到表单上,register
方法将表单输入项和react-hook-form绑定。最后,可以使用 error
对象来显示错误信息。