Estoy usando onclick en un botón de envío para crear un elemento de carga con javascript en la página antes de recuperar los datos de un extracto.
Sin embargo, agregué un patrón en alguna entrada en el formulario asociado con este botón de envío y el problema que tengo es que, si el patrón no coincide (el formulario no envía datos incorrectos, lo cual es bueno), pero esto desencadena el onclick evento que genera mi elemento de carga para nada, y eso podría confundir a los usuarios.
¿Cómo puedo estar seguro que la información de mi formulario ha sido enviada permitiéndome iniciar mi función de carga?
Prueba algo similar:
<button type="submit" onclick="handleSubmit(event)">Submit</button>En tu código JS:
function isFormValid() { // Put here the logic of form validation, which return a boolean value } function handleSubmit(event) { if (!isFormValid()) { event.preventDefault(); return; } }