When submitting a form, return false does not work

Question

When I submit the form, I received a warning message. When I accept the alert, it will send the form anyway. Return false is ignored. Onclick cannot be used. I am trying with var x = document.forms["form"]["fname"].value; and still the same.

 <form id="f" method="post" name="form" onsubmit="return validateForm();" action="#"> <input type="text" name="fname" id="test" /> <input type="submit" value="submit"/> </form> <script type="text/javascript"> function validateForm() { var x = document.getElementById('test').value; if (x == null || x == 0 || x == "0") { alert("Stop"); return false; } } </script> 

Answer 1

Instead of <input type="submit" value="submit"/> use <input type="button" value="Submit" onclick='validateForm()'/> .

In your JS:

 <script type="text/javascript"> function validateForm() { var x = document.getElementById('test').value; if (x == null || x == 0 || x == "0") { alert("Stop"); } else document.form.submit(); } </script> 

Answer 2

Give this script inside the title tag and check it out.

 <script type="text/javascript"> function validateForm() { var x = document.getElementById('test').value; if (x == null || x == 0 || x == "0") { alert("Stop"); return false; } } </script>