My JavaScript was working and now it’s not.
It’s just to validate the form
I started applying my template on the application and it seems at some point it just stopped…any ideas what could have done this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Create Profile</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css"href="style.css">
<script type="text/javascript">
function validateForm()
{
var firstName=document.forms["register"]["firstName"].value;
var lastName=document.forms["register"]["lastName"].value;
var UserName=document.forms["register"]["UserName"].value;
var Password=document.forms["register"]["Password"].value;
var description=document.forms["register"]["description"].value;
var DOB=document.forms["register"]["DOB"].value;
var likes=document.forms.register.elements['likes[]'];
var image=document.forms["register"]["image"].value;
var likesCheck = 0;
for (var i = 0; i < likes.length; i++)
{
if (likes[i].checked)
{
likesCheck++;
}
}
if (likesCheck == 0)
{
alert("likes must be selected");
return false;
}
if (firstName==null || firstName=="")
{
alert("First Name must be valid.");
return false;
}
else if (lastName==null || lastName=="")
{
alert("Last Name must be valid.");
return false;
}
else if (UserName==null || UserName=="")
{
alert("UserName must be valid.");
return false;
}
else if (DOB==null || DOB=="")
{
alert("DOB must be valid.");
return false;
}
else if (Password==null || Password=="")
{
alert("Password must be valid.");
return false;
}
else if (image==null || image=="")
{
alert("image must be valid.");
return false;
}
else if (description==null || description=="")
{
alert("description must be valid.");
return false;
}
}
</script>
</head>
<body>
<div id="container">
<div id="header">
<div class="title"><a href="index.php">The Griffith Dating Connection</a></div>
<div class="subtitle">find your "study buddy"</div>
<div class="intro-part1">Where Griffith singles meet.</div>
<div class="intro-part2"></div></div>
<div id="nav">
<div id="nav-in-top">
</div>
<div id="nav-in-middle">
<p class="title2">Navigation</p><br>
<span>
<a class="menu" href="index.php">Home</a>
<a class="menu" href="allusers.php">View All Users</a>
<a class="menu" href="doc.html">Documentation</a>
</span>
<p> </p>
</div>
<div id="nav-in-bottom"></div>
</div>
<div id="content">
<p class="title2"><b>Dating</b></p>
<br>
</div>
<div id="box">
<form name="register" method="post" action="profiles.php" onSubmit="return validateForm()" enctype="multipart/form-data" class="classform">
<table style="margin: 0 auto;" class="bordered">
<tr>
<td class="col1"> First Name </td>
<td class="col2"> <input type="text" name="firstName" size=30> </td>
</tr>
<tr>
<td class="col1"> Last Name </td>
<td class="col2"> <input type="text" name="lastName" size=30> </td>
</tr>
<tr>
<td class="col1"> Username </td>
<td class="col2"> <input type="text" name="UserName" size=30> </td>
</tr>
<tr>
<td class="col1">Password </td>
<td class="col2"> <input type="password" name="Password" size=30> </td>
</tr>
<tr>
<td class="col1"> Gender </td>
<td class="col2">
<input type="radio" name="gender" value="Male" checked>Male<br>
<input type="radio" name="gender" value="Female">Female<br>
</tr>
<tr>
<td class="col1"> Date of Birth </td>
<td class="col2"> <input name="DOB" type="text" value="YYYY/MM/DD" size=30> </td>
</tr>
<tr>
<td class="col1"> Email </td>
<td class="col2"> <input type="text" name="email" size=30> </td>
</tr>
<tr>
<td class="col1"> Description </td>
<td class="col2"> <textarea name="description" cols="60" rows="10"></textarea> </td>
</tr>
<tr>
<td class="col1"> Likes </td>
<td class="col2">
<input type="checkbox" name="likes[]" value="1">Swimming
<input type="checkbox" name="likes[]" value="2">Dancing
<input type="checkbox" name="likes[]" value="3">walking
<input type="checkbox" name="likes[]" value="4">making pizza
<input type="checkbox" name="likes[]" value="5">wrestling
<input type="checkbox" name="likes[]" value="6">ddddd
<input type="checkbox" name="likes[]" value="7">ddddd
<input type="checkbox" name="likes[]" value="8">ddddd
<input type="checkbox" name="likes[]" value="9">ddddd
<input type="checkbox" name="likes[]" value="10">sss
<input type="checkbox" name="likes[]" value="11">system
<input type="checkbox" name="likes[]" value="12">sysss
<input type="checkbox" name="likes[]" value="13">newer
<input type="checkbox" name="likes[]" value="14">newer
</td>
</tr>
<tr>
<td class="col1"> Create a new like</td>
<td class="col2">
<input type="text" name="newlike" size=30><br>
</td>
</tr>
<tr>
<td class="col1">Profile Picture</td>
<td class="col2">
<input type="file" name="file" id="file">
</td>
</tr>
<tr>
<td colspan=2 style="text-align: center">
<input type="submit" name="submit" value="Submit">
<input type="reset" name="reset" value="Reset">
</td>
</tr>
</table>
</form>
</div>
<div id="footer"> Josip Zirdum Griffith Student Number "s2794971" </div>
</div>
</body>
</html>
I am getting this error:
I have fixed it. The problem was I was calling for “image” but I named the form element “file”. Forgot I did this recently. Sorry for kind of wasting your time. But thanks for the debugging tricks 🙂
Your JS is looking for
Descriptionbut your form control is nameddescription.(There may be other errors, but that is the one that is currently causing the JS to bug out and not return false)