availability form

vlu77

i need help from anyone...

on http://www.sfgoldenbear.net/contact.html i've created a check availability form using php and have added some javascript to make sure all the fields are filled in. it all works fine, except that when the fields aren't filled in and an alert pops up, the form is still sent and the user is still taken to the thankyou.html page. how can i make it so that when any required part of the form is not filled in properly, the form is not sent AND an alert message pops up?

thanks in advance to anyone who can help me out.

LordShryku

Move your isFormComplete off of the submit button and into the <form> tag. Do it as onSubmit="return isFormComplete(this);"

rgermain

What you need is something like the following:

<html>
<head><title>Example</title>
<script>
function validate () 
{
var fname = document.myForm.fname.value;
if (fname == "") 
{
alert("Please Fill In Your First Name");
return false;
}
}
</scritpt>
</head>
<body>

<form name = "myForm" onSubmit = "return validate(this);">
<input type="text" size="20" maxlength="20" name="fname">
</form>
</body>
</html>

In the onSubmit part the "this" is a must. validate can be changed to anything.

Hope that helps!