Stop form with Javascript Alert

[internetguy]

I have a javascript function that is called when clicking the submit buttion on a form, if there is information left out or if fields don't match it makes an alert notifying the user what they are missing. The only problem is that the page continues to be processed. I tried adding a return false; to try and stop it, but no go. Here's a basic idea for my if else statements

if(email.length == 0){
alert("You did not enter a valid email");
}

and so on.

 

[BabyJeffy]

The problem is most likely to do with your form declaration and the submit button code. This example shows one way to do what you want:

<script type="text/javascript">
function validate() {
  if(document.forms[0].email.length == 0) {
    alert("You did not enter a valid email");
    return false;
  }
  return true;
}
</script>
...
<form method="post" action="" onsubmit="return (validate())">
<input name="email" type="text"/>
<input type="submit" value="Send Form"/>
</form>

Hopefully you can take my example and build on it.

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

[/tt]

 

[BillyRayPreachersSon]

You need to do two things:

1. Return false from your function is validation fails, true otherwise.

2. Add a return around the function call in the onsubmit handler:

<form onsubmit="return(myValidationFunc());">

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[internetguy]

Ok I got it to work, thanks a lot guys