Stop Form Submit With Native Javascript
I need to select a form via native javascript (not jQuery) and prevent the form submission (preventDefault). The trick is that the form does not have a name or id, and cannot be as
Solution 1:
Using querySelector
and an event listener, it's almost like jQuery
document.querySelector('#search form').addEventListener('submit', function(e) {
e.preventDefault();
});
note that the script has to come after the elements, or use a DOM ready handler, so the elements are available.
Solution 2:
Simple way is use onsubmit event handler
<script>var submitHandler = function() {
// your codereturnfalse;
}
</script><formmethod="get"onsubmit="return submitHandler()">....</form>
or more easy
<formonsubmit="return false;">
Solution 3:
on form submit just return false.
e.g. <form onsubmit="return false">
Post a Comment for "Stop Form Submit With Native Javascript"