0
185
ViewsLa dirección no puede estar vacía dentro de todo el campo en Javascript
En la captura de pantalla a continuación, el usuario debe agregar la dirección, pero si ingresa la barra espaciadora 4-5 veces, este tipo de entrada asume un valor y luego la dirección envía el botón Continuar,
<div className={AddressBox} style={{ marginTop: "1rem" }}> </div> <button className="submit_Button" type="button" onClick={() => submit()}><span>Submit</span></button>Pero si aplico .trim() dentro de la opción de valor, es decir. value={form.address_1.trim()} entonces no tengo ninguna opción para dar espacio entre la dirección.
Guíame en esto.
En el botón Enviar, puse esta condición a continuación
if (!address.length) { alert( 'Enter Your Address' ); return; } Requisito: - Si ingreso varios espacios dentro del cuadro Tipo de entrada = "texto", el formulario no se envía. 
2 answers
Answer question0
Puede usar trim en onBlur para eliminar espacio cuando haga clic fuera de la entrada:
onChange={(e) => handleChange(e)} value={form.address} onBlur={(e) => handleChange({ target: { value: e.target.value.trim() } })}0
Crearía una bandera para especificar si se puede enviar el formulario.
Algo así como ( versión simplificada )
const canSubmitForm = form.address.trim() !== ''; y luego en el botón configure el atributo de disable en consecuencia
<button className="submit_Button" type="button" onClick={() => submit()} disabled={!canSubmitButton} > <span>Submit</span> </button>La prueba anterior es muy simple, debe crear una validación para todo el formulario