returning false not stopping the submission of form

by

return false is working fine, the way you are calling that function is wrong.

<form action="post.php" method="post" onsubmit="doit()">

Just calls it, doesn’t do anything with the return value

<form action="post.php" method="post" onsubmit="return doit()"> 
                                                ^

Will stop the form post on a false returned value.

Read this note on MSDN although it is not IE specific

You can override this event by returning false in the event handler. Use this capability to validate data on the client side to prevent invalid data from being submitted to the server. If the event handler is called by the onsubmit attribute of the form object, the code must explicitly request the return value using the return function, and the event handler must provide an explicit return value for each possible code path in the event handler function.

Now onto another important point.

Your if condition will only stop form submission when both the fields are blank, whereas it should do that even if any one of those two fields is blank. That && (AND) should be an || (OR), and at the end of your functions if nothing returned false, return true then.

More Related Contents:

  1. One-liner to take some properties from object in ES 6
  2. Best way to track onchange as-you-type in input type=”text”?
  3. Uncaught SyntaxError: Unexpected token :
  4. Refresh Part of Page (div)
  5. How to reload current page without losing any form data?
  6. How to loop through selected elements with document.querySelectorAll
  7. Uncaught TypeError: Cannot read property ‘msie’ of undefined – jQuery tools
  8. How to pass parameters in GET requests with jQuery
  9. How do I synchronize the scroll position of two divs?
  10. D3.js Map with Albers Projection: How to rotate it?
  11. Documentation for using JavaScript code inside a PDF file [closed]
  12. How to check if DOM is ready without a framework?
  13. How to enable Bootstrap tooltip on disabled button?
  14. How to prevent re-rendering of components that have not changed?
  15. Select div using wildcard ID
  16. Can I have two JavaScript onclick events in one element?
  17. Google Maps API v3.19 Broken in Internet Explorer Quirks Mode
  18. Custom Element getRootNode.closest() function crossing multiple (parent) shadowDOM boundaries
  19. How to loop through array in jQuery?
  20. Template literals syntax is not working in IE11
  21. React.js Serverside rendering and Event Handlers
  22. Angular UI-Router more Optional Parameters in one State
  23. catch the click event on a specific mesh in the renderer
  24. javascript create empty array of a given size
  25. Trigger events when the window is scrolled to certain positions
  26. Get content of span
  27. Call setTimeout without delay
  28. How to use a return value in another function in Javascript?
  29. When or who does pass resolve and reject functions to JS promises?
  30. True Isometric Projection with HTML5 Canvas

Leave a Comment