xxxxxxxxxx
document.getElementsByTagName('form')[0].addEventListener('click', function(event) {
event.preventDefault();
});
xxxxxxxxxx
document.getElementsByTagName('form')[0].addEventListener('click', function(event) {
event.preventDefault();
});
xxxxxxxxxx
const link = document.querySelector('a');
link.addEventListener('click', function(event) {
event.preventDefault(); // Prevents the default behavior of the click event
});
xxxxxxxxxx
document.querySelector("#id-checkbox").addEventListener("click", function(event) {
document.getElementById("output-box").innerHTML += "Sorry! <code>preventDefault()</code> won't let you check this!<br>";
event.preventDefault();
}, false);
xxxxxxxxxx
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevents form submission
});
xxxxxxxxxx
The preventDefault() method of the Event interface tells the user agent
that if the event does not get explicitly handled, its default action
should not be taken as it normally would be.
xxxxxxxxxx
< form action = javascript: void(0);>
****************OR********************
$("#yourFormId").on("submit",function(event){event.preventDefault()})