如何对yup中的单个值进行多次验证?

时间:2019-02-21 08:06:16

标签: reactjs formik yup

使用服务器端的joi,我可以进行多种验证,例如 id: [joi.string().email(), joi.string().min(10)]

我们如何使用Formik和yup在前端进行此操作?我浏览了文档,但仍然没有成功。

1 个答案:

答案 0 :(得分:0)

您应该这样尝试Yup。

const formikEnhancer = withFormik({
      validationSchema: Yup.object().shape({
        name: Yup.string().strict(true).lowercase('Name must be lowercase').matches(/^\S+$/, 'Name must not contain spaces').matches(/^(?:(?!\.).)*$\r?\n?/, 'Name must not contain period').max(10, 'Maximum of 10 characters')
          .required('Name is required!'),
         email: Yup.string().strict(true).lowercase('Email must be lowercase').required('Email is required!')
      })
    })