Quiero que javascript envíe mi formulario html.
Intento dos métodos.
El primero me va bien.
function formSubmit() { document.getElementById("myForm").submit() } <form id="myForm" action="" method="get"> firstname：<input type="text" name="firstname" size="20"><br /> Last name：<input type="text" name="lastname" size="20"><br /> <br /> <input type="button" onclick="formSubmit()" value="submit" > </form>de lo contrario, el segundo no puede funcionar para mí
window.addEventListener("click", function(event){ event.preventDefault(); document.getElementById("myForm2").submit() } ) }); <form id="myForm2" action="" method="get"> firstname：<input type="text" name="firstname" size="20"><br /> Last name：<input type="text" name="lastname" size="20"><br /> <br /> <input type="button" value="submit" > </form>Todo lo que quiero hacer es usar el método addeventlistner para enviar el formulario
Aquí hay una manera de hacerlo.
function formSubmit() { document.getElementById("myForm").submit() } document.getElementById("submitBtn").addEventListener("click", function(event) { event.preventDefault() document.getElementById("myForm").submit() }) <form id="myForm" action="https://google.com" method="get"> First name: <input type="text" name="firstname" size="20"> <br /> Last name： <input type="text" name="lastname" size="20"><br /> <br /> <button id="submitBtn" type="button" onclick="formSubmit()">Submit</button> </form>Puedes usar un tipo de entrada como este
<form id="myForm2" action="" method="get"> firstname：<input type="text" name="firstname" size="20"><br /> Last name：<input type="text" name="lastname" size="20"><br /> <br /> <input type="submit" value="submit" > </form>y enviar el evento para el formulario relacionado
document.getElementById("myForm2").addEventListener("submit", function() { console.log("submitted") })