html – JavaScript code to stop form submission

html – JavaScript code to stop form submission

You can use the return value of the function to prevent the form submission

<form name=myForm onsubmit=return validateMyForm();> 

and function like

<script type=text/javascript>
function validateMyForm()
{
  if(check if your conditions are not satisfying)
  { 
    alert(validation failed false);
    returnToPreviousPage();
    return false;
  }

  alert(validations passed);
  return true;
}
</script>

In case of Chrome 27.0.1453.116 m if above code does not work, please set the event handlers parameters returnValue field to false to get it to work.

Thanks Sam for sharing information.

EDIT :

Thanks to Vikram for his workaround for if validateMyForm() returns false:

 <form onsubmit=event.preventDefault(); validateMyForm();>

where validateMyForm() is a function that returns false if validation fails. The key point is to use the name event. We cannot use for e.g. e.preventDefault()

Use prevent default

Dojo Toolkit

dojo.connect(form, onsubmit, function(evt) {
    evt.preventDefault();
    window.history.back();
});

jQuery

$(#form).submit(function (evt) {
    evt.preventDefault();
    window.history.back();
});

Vanilla JavaScript

if (element.addEventListener) {
    element.addEventListener(submit, function(evt) {
        evt.preventDefault();
        window.history.back();
    }, true);
}
else {
    element.attachEvent(onsubmit, function(evt){
        evt.preventDefault();
        window.history.back();
    });
}

html – JavaScript code to stop form submission

The following works as of now (tested in Chrome and Firefox):

<form onsubmit=event.preventDefault(); validateMyForm();>

Where validateMyForm() is a function that returns false if validation fails. The key point is to use the name event. We cannot use for e.g. e.preventDefault().

Leave a Reply

Your email address will not be published.