Skip to content Skip to sidebar Skip to footer

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.

FIDDLE

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"