【发布时间】：2010-11-11 11:05:49
【问题描述】：
我正在为一个大学项目做一个简单的网站，其中一个要求是我有 javascript 来验证表单字段输入。我已经实施了我认为可行的解决方案（将其从 W3C 网站上删除），但它似乎根本无法运行？
HTML页面如下：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Rubber Toy Dept. Inc. Ltd.</title>
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="scripts/java/validation.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1 id="headlines">Rubber Toy Dept. Inc. Ltd. </h1>
</div>
<div id="content">
<div id="content-main">
<form action="mailto:gt70@hw.ac.uk" onsubmit="return validate_form(thisform)" method="post">
<table width="858" border="0px">
<tr>
<td>
<input type="checkbox" name="cb1" value="1"></input>
</td>
<td>
Daniel
</td>
<td>
£90
</td>
<td>
<a href="productpages/daniel.xhtml"><img src="pics/daniel_sml.jpg" width="75" height="75" alt="Daniel"></img></a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="cb2" value="1"></input>
</td>
<td>
Graeme
</td>
<td>
£80
</td>
<td>
<a href="productpages/graeme.xhtml"><img src="pics/graeme_sml.jpg" width="75" height="75" alt="Graeme"></img></a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="cb3" value="1"></input>
</td>
<td>
Lewis
</td>
<td>
£10
</td>
<td>
<a href="productpages/lewis.xhtml"><img src="pics/lewis_sml.jpg" width="75" height="75" alt="Lewis"></img></a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="cb4" value="1"></input>
</td>
<td>
Conor
</td>
<td>
£1 (bargain!)
</td>
<td>
<a href="productpages/conor.xhtml"><img src="pics/conor_sml.jpg" width="75" height="75" alt="Conor"></img></a>
</td>
</tr>
</table>
<table width="858" border="0px">
<tr>
<td>
Username
</td>
<td>
<input type="text" name="username" id="username"></input>
</td>
</tr>
<tr>
<td>
E-mail Address
</td>
<td>
<input type="text" name="email" id="email"></input>
</td>
</tr>
<tr>
<td>
Address
</td>
<td>
<input type="text" name="address" id="address"></input>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" name="submit" value="submit"></input>
</td>
</tr>
</table>
</form>
</div>
<div id="w3c">
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</div>
<div id="footer">
<i>Coded and Designed by G.A Tinsdale, D. Scott and L. Mclean</i>
</div>
</div>
<div id="bottom">
</div>
</div>
</body>
并且 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(email,"Email must be filled out!")==false)
{
email.focus();
return false;
}
if (validate_required(username,"Username must be filled out!")==false)
{
username.focus();
return false;
}
if (validate_required(address,"Address must be filled out!")==false)
{
address.focus();
return false;
}
}
}
对不起，如果我的代码布局有误...我似乎不明白如何正确地做到这一点:(
感谢您提供的任何帮助
丹尼尔。
【问题讨论】：
-
顺便说一下，您的浏览器应该已经为您提供了与“找不到对象：验证”类似的错误消息。如果您没有收到有用的消息，请为此类工作购买更好的浏览器！注意此输出将帮助您更轻松地查明错误。
-
现在已排序。感谢所有提供帮助的人:)
标签： javascript validation forms field