simple form validation

hi

i have a form where i need the user to input their name, e-mail address and a text area for comments. i have 3 seperate html pages that work for each field on its own but having a bother getting them to work all together.

name

[CODE]
<!–
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value==””)
{alert(alerttxt);return false;}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(name,”name must be filled out!”)==false)
{name.focus();return false;}
}
}
–>
</script>
[/CODE]

email

[CODE]
<script type=”text/javascript”>
<!–
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf(“@”);
dotpos=value.lastIndexOf(“.”);
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,”Not a valid e-mail address!”)==false)
{email.focus();return false;}
}
}
//–>
</script>
[/CODE]

comments

[CODE]
<script type=”text/javascript”>
<!–
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value==””)
{alert(alerttxt);return false;}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(comments,”Comments Box must be filled in!”)==false)
{comments.focus();return false;}
}
}
–>
</script>
[/CODE]

Form

[CODE]
<form action=”thankyou.html” onsubmit=”return validate_form(this);” method=”post”>
<p>
Name: <input type=”text” name=”name” size=”25″ /><br />
Email: <input type=”text” name=”email” size=”30″/><br />
Comments:<br /><textarea rows=”8″ cols=”30″ name=”comments”></textarea><br />
<input type=”submit” value=”Submit”/>
</p>
</form>
[/CODE]

any help would be much appreciated i do feel i may be going about it the wrong way however

Also in #JavaScript _↴