使用YUP和Formick進行密碼驗證 [英] password validation with yup and formik

問題描述

如何進行密碼驗證，同時將錯誤傳遞給不同的變量？

即

password: Yup.string().required("Please provide a valid password"),
passwordMin: Yup.string().oneOf([Yup.ref('password'), null]).min(8, 'Error'),
passwordLC: Yup.string().oneOf([Yup.ref('password'), null]).matches(/[a-z]/, "Error" )
passwordUC: Yup.string().oneOf([Yup.ref('password'), null]).matches(/[A-Z]/, "Error" )

我無法獲取要與密碼對象綁定的密碼變量的綁定

推薦答案

只是為了詳細說明Eleine的答案。
您不需要將每個驗證存儲在同一個字段中-您可以將它們鏈接在一起以獲得完整的驗證。

password: Yup.string()
  .required('No password provided.') 
  .min(8, 'Password is too short - should be 8 chars minimum.')
  .matches(/[a-zA-Z]/, 'Password can only contain Latin letters.')

請注意，您仍然可以為每個失敗指定單獨的消息。
此外，要使綁定起作用，請確保要綁定到的表單輸入具有適當的name屬性--在本例中為password。

這篇關于使用YUP和Formick進行密碼驗證的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持IT屋！