JavaScript form onsubmit return false

JavaScript form onsubmit return false means do nothing on submit. In short, return false will cancel the event (or in this case, cancels the form submission).

<form name="foo" onsubmit="return false">

JavaScript form onsubmit return false

Simple example code validation returns false – your form will not submit and will not redirect too and When it returns true – your form will submit and will redirect (actually it’s a part of submit) id you have mentioned in action.

<!DOCTYPE html>
<html>
<body>
  <script type="text/javascript">
   function myFunctionName() {
    if (document.myForm.myText.value == ''){
      console.log(false);
      return false; 
    }  
    else{
      console.log(true);
    }
    return true;
  }
</script>

<form name="myForm" onSubmit="return myFunctionName()">
  <input type="text" name="myText">
  <input type="submit" value="Click Me">
</form>  

</body>
</html>

Output:

If you are using a button instead of submit as in my case below:

 <form name="myForm" onSubmit="myFunctionName(); return false">
    <input type="text" name="myText">
    <input type="button" value="Click Me" onclick="myFunctionName()">
 </from>

Do comment if you have any doubts or suggestions on this Js submit topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version

JavaScript form onsubmit return false