HTML form action and onsubmit issues

by

You should stop the submit procedure by returning false on the onsubmit callback.

<script>
    function checkRegistration(){
        if(!form_valid){
            alert('Given data is not correct');
            return false;
        }
        return true;
    }
</script>

<form onsubmit="return checkRegistration()"...

Here you have a fully working example. The form will submit only when you write google into input, otherwise it will return an error:

<script>
    function checkRegistration(){
        var form_valid = (document.getElementById('some_input').value == 'google');
        if(!form_valid){
            alert('Given data is incorrect');
            return false;
        }
        return true;
    }
</script>

<form onsubmit="return checkRegistration()" method="get" action="http://google.com">
    Write google to go to google...<br/>
    <input type="text" id="some_input" value=""/>
    <input type="submit" value="google it"/>
</form>

More Related Contents:

  1. JavaScript code to stop form submission
  2. Best way to track onchange as-you-type in input type=”text”?
  3. Why does forms with single input field submit upon pressing enter key in input
  4. How to submit a form with JavaScript by clicking a link?
  5. HTML input file selection event not firing upon selecting the same file
  6. How to convert Base64 String to javascript file object like as from file input form?
  7. HTML input type=file, get the image before submitting the form
  8. How to ensure a form field is submitted when it is disabled?
  9. How to prevent submitting the HTML form’s input field value if it empty
  10. How to prevent page from reloading after form submit – JQuery
  11. Property ‘submit’ of object # is not a function
  12. Decoding URL parameters with JavaScript
  13. Adding rows dynamically with jQuery
  14. Best JavaScript solution for client-side form validation and interaction? [closed]
  15. HTML/JavaScript: Simple form validation on submit
  16. Appending form input value to action url as path
  17. jQuery Change event on an element – any way to retain previous value?
  18. How to show setCustomValidity message/tooltip without submit event
  19. Dynamically creating a specific number of input form elements
  20. How can I get all a form’s values that would be submitted without submitting [duplicate]
  21. How to set custom validation messages for HTML forms?
  22. Trigger standard HTML validation (form) without using submit button? [duplicate]
  23. Set the default value of an input field
  24. Get content of span
  25. form with no action and where enter does not reload page
  26. copying the value of a form’s file input field to another form’s input field
  27. A form’s “action” and “onsubmit”: Which executes first?
  28. Show/hide password onClick of button using Javascript only
  29. adding onclick event to dynamically added button?
  30. Form submit button will not submit when name of button is “submit” [duplicate]

Leave a Comment