Cuando necesito evitar la reacción predeterminada, puedo poner mi función de controlador en onSubmit y todo funciona bien. <form onSubmit={handler}> . Pero, ¿cómo hago lo mismo en html puro? También necesito acceso al objeto del evento.
intenta hacer esto:
<form onSubmit="return false;">Podrías intentar algo como esto.
<form id="form"> Enter name: <input type="text" name="name"> <input type="submit" value="Submit"> </form> <script> function onSubmit(event) { console.log(event); event.preventDefault(); alert("The form was submitted"); } var form = document.getElementById("form"); form.onsubmit = onSubmit; </script>Referencia: https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onsubmit
Puedes hacerlo con la biblioteca jquery así:
$(document).on('submit', '#your_form_selector', function(e) { e.preventDefault(); console.log("default submit action was prevented"); }