Llamar a form.submit() omite directamente la validación de restricciones del navegador y no envía el evento de envío. Cuando el código necesita el mismo comportamiento que activar un botón de envío, utilice requestSubmit().
const form = document.querySelector("form");
form.requestSubmit();Pase un botón cuando su configuración sea importante
- requestSubmit(button) utiliza la configuración de formación, el método de formulario y la configuración del remitente relacionada de ese botón.
- Las restricciones nativas requeridas, de tipo y de otro tipo se verifican antes de que se active el evento de envío.
- Utilice el evento de envío para la lógica de la aplicación que debe ejecutarse tanto para el envío mediante teclado como mediante script.
No eliminar los comentarios del usuario.
Si la validación falla, el navegador puede enfocar el campo no válido y exponer su mensaje. Mantenga claras las etiquetas y el texto de error y evite manejar una validación fallida como si se hubiera enviado el formulario.
Pruebe con un campo obligatorio vacío, un formulario válido y más de un botón de envío. La ruta nativa del navegador suele tener menos código y ser más predecible.