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…
I am new to React and trying to implement a function in a form but I just can't get it to work. The form uses react-hook-form, axios and Bootstrap 5.2.3. I tried but couldn't make useState work, what I need…
I am having an issue with Shadcn react library's Select component. It seems that "dynamically" generated SelectItem is causing an issue were they are not displayed in the SelectValue box when selected. I am using Zod validation library. I am…
I'm using React Hook Form with dynamic fields for teams. While the validation works and displays errors correctly upon submit, the error messages don't disappear when I correct the input. Here's the relevant code: const formSchema = z.object({ name: z.string().min(1,…
I have a form (codesandbox here) with 2 components: A select input for the language (e.g.: English, Spanish) A textfield where the user enters a text in the selected language The default form data looks like this: { "greeting": {…
I have created the React js demo using React MUI. I have made a separate component for each input called InputText.js and used this for each text box. My issue is when I used this component for any single information…
I have created a form with react hook form and did a validation with zod. In one input I want to write in numbers, when I write any number, the error says it is not a number: <Controller name="calories" control={control}…