Menu
Alright, I finally got my web form up, and got JS to validate it. There’s only one problem. Before I click the submit button on my form, all of my CSS links work. After I click the submit button, not only does it not take you to the page that it is suppose to, but none of my CSS works. Any idea what is going on?
Here is my page text:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML//EN”>
<html>
<head>
<title>Melissa’s Hobbies</title>
<script type=”text/javascript”>
<!–
function validate_form ( )
{
valid = true;
if ( document.Contact_Me.first_name.value == “” )
{alert ( “Please enter your First Name.” );
valid = false;}
else
if ( document.Contact_Me.last_name.value == “” )
{alert ( “Please enter your Last Name.” );
valid = false;}
else
if ( document.Contact_Me.email.value == “” )
{alert ( “Please enter a Valid Email.” );
valid = false;}
else
if ( document.Contact_Me.comments.value == “” )
{alert ( “Please enter your Comments.” );
valid = false;}
else
{alert(“Information Sent Successfully!”)}
return valid;
}
//–>
</script>
</head>
<body>
<form name= “Contact_Me” action=”index.html” method=”post” onsubmit=”return validate_form ( );”>
<h1> <B> <font size =”14″ face=”Vivaldi”><IMG src=”
<!– Site navigation menu –>
<ul class=”navbar”>
<li><a href=”index.html”>Home page</a>
<li><a href=”aboutme.html”>About Me</a>
<li><a href=”artwork.html”>Artwork</a>
<li><a href=”poetry.html”>Poetry</a>
</ul>
<!– Main content –>
<BODY bgcolor=CFCFE1 TEXT=000000 LINK=0000F7 VLINK=00B8B8 ALINK=0000F7>
<h2> <B> <DIV ALIGN=CENTER><font size =”8″ face=”Vivaldi”><IMG src=”
<table border=”1″ bordercolor=”FFFFFF” style=”background-color:CFCFE1″ width=”400″ cellpadding=”3″ cellspacing=”3″>
<tr>
<td>First Name:</td>
<td><input type=”text” name=”first_name” value=”” maxlength=”100″ ></td>
</tr>
<tr>
<td>Last Name:</td>
<td>
<input type=”text” name=”last_name” value=”” maxlength=”100″ /></td>
</tr>
<tr>
<td>Email:</td>
<td><input type=”text” name=”email” value=”” maxlength=”100″ /></td>
</tr>
<tr>
<td>Comments:</td>
<td><textarea rows=”3″ cols=”20″ name=”comments”></textarea></td>
</tr>
<tr><td> </td>
<td>
<input type=”submit” value=”Submit” >
</td>
</tr>
</table>
</form>
</body>
</html>