I have a multi-step form (react-hook-form) in Next.js. The onSubmit() event lives in a component called from the layout, and I'd like to be able to add a spinner and disable the submit button. How can I know on the…
I`m trying to make a login form in react using react-hook-form, but when I try to submit with null input values - errors for "password" is getting deleted after rerender. And "login" errors are not being displayed at all. If…
I am experiencing an issue in my web application. When I press the "Submit" button without selecting a date, the error message displays correctly. However, I have noticed that the text does not highlight in red as it should. Additionally,…
Somehow, there are non-stop requests going to the backend. I tried removing requiredFields from useEffects's dependencies, but then the frontend stops re-rendering. I had to reload the page to render new values. How do I fix it? Tell me if…
Background I want to make a Number Input. This custom input accept only number and has character length limitation. Will be used with react-hook-form. import React, { useEffect, useState } from "react"; type NumberInputProps = { _maxLength?: number; name: string;…
I'm currently working with react-hook-form and zod for form validation in my React project. I have a specific field, let's call it age, with its input type set to the default (string). In the Zod schema, I explicitly define this…
I am working on a form with nextjs13, chakra-ui, react-hook-form. There's a text input field where user put email address. (url is xxx/new) here's form I have: export const NewForm = () => { const { register, handleSubmit, formState: {…
I need to set a value after pressing a button on this textfield : <TextField fullWidth inputProps={{ maxLength: 75 }} key="nomeSocial" id="outlined-basic" label="Nome Social" name="nomeSocial" onChange={(handleChange)} value={values.nomeSocial} variant="outlined" /> I've tried to set the value by the comand document.getElementsByName("nomeSocial")[0].value =…
Upon clicking the SubmitBtn in the LoginForm component for the first time, the form fails to submit, and nothing appears to happen. The onInvalid function returns an empty object ({}). However, on the second attempt, the onInvalid function provides the…
I have a simplified page where I am trying to set an object property token within the onSubmit function instead of within the form, but the setValue() function is not updating the property. What am I doing wrong? type FormInputs…