我的JavaScript在工作，现在它不是。
这只是为了验证表单
我开始在应用程序上应用我的模板，似乎在某个时候它只是停止了......任何想法可以做到这一点？
<!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>
我收到此错误：
我已经修好了。问题是我调用"图像"，但我将表单元素命名为"文件"。忘了我最近做了这个。很抱歉浪费你的时间。但是感谢您的调试技巧:)
您的 JS 正在寻找Description但您的表单控件名为 description 。
（可能还有其他错误，但这是当前导致JS错误并且不返回false的错误）
Error: document.forms.register.Description is undefined
你在这里称呼它 - 大写字母 D：
var Description=document.forms["register"]["Description"].value;
将其更改为
var Description=document.forms["register"]["description"].value;
我会给你一个建议，
你的JavaScript看起来不错，但你应该使用，如果你不是，Firefox扩展称为Firebug，打开它在你的页面，如果你有错误，它会显示给你的错误，并帮助你进行Web开发。
你可以得到它 http://getfirebug.com/
并在方法末尾添加 return true;