No funciona el event.preventDefault()
si tomo el objeto form del DOM y le ejecuto con form.submit()
pareciese que este form.submit()
realmente no despertara el addEventListener('submit', () => {...})
Este mi HTML:
<form method="get" id="form">
<label for="nombre">Nombre</label>
<input type="text" id="nombre" placeholder="Ingrese su Nombre" name="nombre">
<br><br>
<label for="apellido">Apellido</label>
<input type="text" placeholder="Ingrese su Apellido" name="apellido" id="apellido">
<br><br>
<label for="edad">Edad</label>
<input type="text" placeholder="Ingrese su Edad" name="edad" id="edad">
<br><br>
<button type="button" id="boton" name="boton">Enviar</button>
</form>
y este es mi script:
document.addEventListener('DOMContentLoaded', () => {
const form = document.getElementById("form");
const botonSubmit = document.getElementById("boton");
form.addEventListener('submit', event => {
event.preventDefault();
})
botonSubmit.addEventListener("click", () => {
form.submit();
})
})
No deberia recargarse la pagina cuando presiono el boton enviar, sin embargo si lo hace..
.submit()
no ejecuta el listener de"submit"
y al parecer existe otra funcion que si lo hace.