Estoy trabajando en un sitio web de la escuela, donde puedes hacer una tarea. Tengo un botón de envío, que es el que debería redirigir. También tengo algunos otros botones dentro de este formulario que no son botones de envío. El problema es que cuando hago clic en los botones que no quiero redirigir, todavía redirige. Lo que pensé que debería hacer es:
form.addEventListener("submit", (e) =>{ e.preventDefault(); }Pero me he dado cuenta de que eso me impediría presentarme en absoluto.
No estoy seguro de qué hacer. Probé event.preventDefault para cada botón, pero tampoco parece funcionar.
¿Cómo soluciono esto por favor ayuda necesito respuestas pronto!
Los botones HTML pueden ser de tres tipos:
button The button is a clickable button submit The button is a submit button (submits form-data) reset The button is a reset button (resets the form-data to its initial values)Es posible que desee intentar configurar el tipo de botón para que se pueda hacer clic y tener solo un botón de envío.
Espero que eso te ayude.
Referencia:
Puede establecer el tipo de botón en 'botón' en lugar de 'enviar', pero si insiste en usar enviar, también puede usar esta función para evitar que la página se vuelva a cargar después de enviar el formulario.
<form onsubmit="handleSubmit()"> Type Something: <input type="text" name="example"> <input type="submit" value="Submit"> </form> <script> function handleSubmit(e) { e.preventDefault(); } </script>