如何在用戶單擊提交按鈕之前以 react-hook-form 觸發 yup 驗證？

[英]How to trigger yup validation in react-hook-form before the user is clicking the submit button?

我在我的 react TypeScript 應用程序中使用帶有 yup 驗證和 MUI 組件的 react-hook-form。 yup 驗證的錯誤僅在用戶嘗試提交表單（單擊提交按鈕）后顯示。 我希望用戶在提交之前看到字段錯誤。 謝謝你們！ 是的架構： } 注冊表格： ...

YUP 驗證具有最小長度的數組

[英]YUP validate an array with a minimum length

如果達到所需的照片數量，我無法驗證上傳字段。 這是表格：表格我設法驗證了其他字段，但沒有驗證這個字段。 這是我的架構： 福爾米克： 查看表單日志我想驗證用戶是否在現場至少上傳了 3 張照片。 ...

獲取字段數組中的總 formik 錯誤計數

[英]Obtain total formik error count within a fieldarray

給定以下具有嵌套 Formik FieldArray 的 Yup 驗證設置： 我需要計算在childrenLevel字段數組中發現的總 formik 錯誤。 例如，假設用戶為 FieldArray childrenLevel按了兩次“添加孩子”按鈕，並且沒有為這兩條記錄輸入任何關於 Child Na ...

我想在 formk 中的子項的父項中出現錯誤 object？

[英]I want error object in a parent from child in formk?

這是我的父組件 這是子組件 這是我的 output 我的結果屏幕現在我想在一個父組件中得到一個錯誤 object，該組件用於顯示需要驗證的紅色區域，就像如果用戶只輸入基本信息並嘗試提交表單那么其余部分變為紅色，因為用戶離開其余部分中的字段為空。 任何人都知道如何解決這個問題？ 我期待對我的項目有幫 ...

Formik 驗證模式阻止調用 onSubmit 方法

[英]Formik Validation Schema preventing onSubmit method to be called

這是我第一次使用 Formik，我正在嘗試使用它來驗證用戶注冊表。 這是我的代碼： 當我單擊我的提交按鈕並調用 handleSubmit 時，沒有任何反應，我也沒有看到hello或values被打印到控制台。 但是，當我從useFormik中刪除validationSchema時，我可以獲得輸出。 ...

Formik 使用 Yup 驗證重置初始值

[英]Formik Resetting the Initial Values using Yup validation with it

我有一段代碼，其中 Formik 在帶有 #Typescript 和 Yup 驗證的#React 應用程序中使用。 我面臨的問題是，在 Select 元素中設置值時，它根本不會更改值，或者它可能會立即將值重置為 Formik 初始值 object 中給出的初始值。我應該怎么做？ （這里沒有可用的代 ...

獲取類型錯誤'RequiredStringSchema<string | undefined, anyobject> ' 是的驗證</string>

[英]Getting type error 'RequiredStringSchema<string | undefined, AnyObject>' on yup validation

我在 Next TS 項目中使用 yup 驗證庫時遇到問題。 我在驗證架構中的 PostWithSig object 下的類型屬性上收到類型錯誤。 我不確定此錯誤的原因，一種可能性是名稱type本身，但我不確定。 這是我收到的錯誤消息： （屬性）BaseSchema&lt;any, any, an ...

為什么我的 yup 字符串數組驗證模式不起作用？

[英]Why is my yup string array validation schema not working?

有誰知道為什么這不起作用？ 我有一個模式我試圖用 yup 強制執行並確保數組中的數據是字符串，這里是 yup 模式： signUpSchema: async (req, res, next) =&gt; { const signUpSchema = yup.object().shape({ us ...

是的圖像驗證 Promise

[英]Yup Image validation on Promise

繼續這個問題，我想進一步擴展這個問題，但我覺得我對 Promise 的工作原理的了解有限。 我需要使用 same 來驗證文件列表，但我注意到它總是返回 true。 這是我到目前為止所做的： 這是我的架構： 我通過上傳本應失敗但經常返回 true 的不同圖像尺寸進行測試 ...

是的，當.required() 為 false 時，會繼續在同一個屬性上運行驗證器

[英]Yup keeps running validators on the same property when .required() is false

賞金將在 3 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Thore想讓更多人關注這個問題。 我對yup的工作方式有點困惑。 我有以下模式來驗證寄存器 當 object 驗證時是下面的 驗證將崩潰，因為value未定義並且 function value.setFullYear將失敗。 但 ...

TypeScript Yup 模式驗證和類型推斷

[英]TypeScript Yup schema validation and Type Inference

賞金將在 4 天后到期。 此問題的答案有資格獲得+50聲望賞金。 learnbydoing正在從信譽良好的來源尋找答案。 我目前有以下數據類型：type TPlan = | { type: "pro"; content: { signedAt: string; exp ...

如何編寫條件正則表達式？

[英]How to write Conditional regex?

我想使用 Yup 進行驗證。 在驗證的一部分我有const validationSchema = Yup.object({password: Yup.string().matches(passwordRegex, "passRegex")}) passWordRegex 是一個包含正則表達式的變 ...

如何使用 Yup 驗證非數字字段？

[英]How to validate a non number frield with Yup?

我有一個字段“公司名稱”，它絕不能包含任何數字字符，它應該只包含字符串字母字符，如何用 yup 驗證它？ ...

Formik、Yup、Mui 的注冊表無法正常工作

[英]Registration Form with Formik,Yup,Mui not working

大家下午好。 我正在嘗試使用 Formik、MUI 和 yup 創建注冊表單。 我對我的登錄做了同樣的事情，它與后端帖子等完美配合。此外，我的后端身份驗證/注冊正在工作，使用 postman 進行了測試。我的問題是每當我按下注冊按鈕時，什么都沒有發生。 甚至沒有我的“測試”字符串的控制台日志記錄。i ...

使用 react.js 時出現此錯誤：TypeError: field.resolve is not a function

[英]I get this error when using react.js yup: TypeError: field.resolve is not a function

我對表單使用 Yup 驗證。 我有來自 API 的動態 object 值。所以我嘗試了以下是的原理圖。 但是這個錯誤正在返回： 錯誤圖片如果您知道解決方案，有人可以提供幫助嗎？ 我的代碼是： 我搜索了但我只能找到這個解決方案。 : .required (不要使用), .required() (像 ...

如何在反應中使用反應鈎子表單驗證 onchange 的文本字段

[英]how to use react hook form validation onchange of the textfield in react

我要驗證的表格我看到用 mui 組件文本字段在 react hoook forms 中驗證這些表單。 問題是它在提交時驗證表單，但我需要在更改文本字段時驗證它 ...

如何將 yup-locales 的法語本地設置為反應中的驗證語言

[英]How to set up french local of yup-locales to be the language of validation in react

我正在使用 yup 來驗證我的反應輸入。 我在應用程序中使用的語言是法語，因此我需要使用法語進行驗證。 我使用 unstalled yup-locales 但是我現在如何將它與應用程序聯系起來呢？ ...

在 React js 中使用 Formik 庫處理表單

[英]Form handling using Formik library in react js

我想在具有合適的 initialValues 和模式的單個組件中處理三種表單，因為我使用 formik 和 yup 進行表單處理和驗證。 （做這樣的練習可以嗎？） 我試圖在單個組件中處理三個不同的 forms，所以基本上有 3 個 forms 作為登錄、注冊和預訂表。 我為所有這些以及模式創建了不 ...

zod 是否有等同於 yup 的 oneOf() 的東西

[英]Does zod have something equivalent to yup's oneOf()

如果我有一個屬性應該僅限於幾個可能的值，使用 Yup 我可以做類似的事情： 我似乎無法在 Zod 中找到類似的東西。 當然，我可以通過以下方式進行驗證： 但我想知道是否可以通過編寫更少的代碼來完成。 ...

使用 Javascript 和 Reactjs 中的給定密鑰驗證 json

[英]Validate json with given keys in Javascript and Reactjs

我下面有JSON， 在這里我想驗證下面提到的事情， 1 - 它應該是一個數組 2 - 它必須只有 3 個字段（姓名、學校、地址），不多於或少於這三個字段 3 - “學校”可以是“學校 1”或“學校 2”和“地址”可以是“紐約”或“華盛頓” 我需要使用 react js 和 javascript ...