Prohibición del envío de formularios en JavaScript
Si es necesario, se puede prohibir el envío
de un formulario. Esto se hace mediante el ya conocido
preventDefault.
Veamos un ejemplo.
Supongamos que tenemos el siguiente formulario:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Obtengamos su referencia en una variable:
let form = document.querySelector('form');
El envío del formulario se puede capturar mediante el evento
submit:
form.addEventListener('submit', function() {
});
Ahora prohibamos el envío del formulario:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Dado un formulario con un input. Al intentar enviarlo, verifique que se haya introducido un email correcto en el input. Si no es así, prohiba el envío del formulario y muestre un mensaje sobre ello.
