0
137
Views¿Cómo puedo deshabilitar un botón solo si la entrada específica está vacía?
Traté de encontrar una manera de deshabilitar un botón solo si los campos de Entradas específicos todavía están vacíos. Quiero decir que solo se requieren algunos campos de Entradas para el proceso, y algunos son solo opcionales.
El curso que tomé nos muestra cómo deshabilitar el botón hasta que cada entrada sea válida, por lo que no estoy seguro de qué hacer.
Este es mi código, quiero que el botón se deshabilite solo si la fecha está vacía.
<form className="place-form" onSubmit={placeSubmitHandler}> <Input id="date" element="input" type="date" label="Date" validators={[VALIDATOR_REQUIRE()]} errorText="" onInput={inputHandler} /> <Input id="description" element="textarea" label="description" validators={[VALIDATOR_MINLENGTH(5)]} errorText="" onInput={inputHandler} /> <Button type="submit" disabled={ formState.isValid }> Sumbit </Button> </form>
·
Juan Pablo Isaza
1 answers
Answer question0
¡Tienes que poner Not sign like ! antes formState.isValid
<Button type="submit" disabled={ !formState.isValid }> Sumbit </Button> He preparado una muestra usando react-hook-form . Puedes comprobar esto aquí:
DEMO DE TRABAJO
·
Juan Pablo Isaza
Report
Answer question