When i need to prevent default in react , i can put my handler function in onSubmit and everything works fine . <form onSubmit={handler}> . But how do i do the same in pure html ? I need acces to event object as well .
try do this :
<form onSubmit="return false;">You could try something like this.
<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>
Reference: https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onsubmit
You can do it with jquery library like this:
$(document).on('submit', '#your_form_selector', function(e) {
e.preventDefault();
console.log("default submit action was prevented");
}