主题:[求助]网页表单验证问题
s40860
[专家分:40] 发布于 2006-11-27 12:59:00
设计一个简单的网页,网页上有表单,包含姓名,性别(单选),年龄,收入(下拉列表),地址,电子邮箱,自我介绍。用javascript对表单的元素进行输入验证,要求表单的元素不能为空,要全部填写才能通过提交,如果是空就给出提示警告,通过后输出你所填写的内容。
大家帮忙写一下啦,有写我都会评分的。
回复列表 (共5个回复)
沙发
sgcpro [专家分:4020] 发布于 2006-11-27 15:15:00
...
<script language="javascript">
function check()
{
if (document.form1.name.value == "")
{
alert("姓名不能为空");
return false;
}
if (document.form1.sex.value == "")
{
alert("性别不能为空");
return false;
}
.....
return true;
}
</script>
...
<form name="form1" onsubmit="return check()">
<input name="name" type=.....>
<input name="sex" type=.....>
....
</form>
...
板凳
小hei [专家分:730] 发布于 2006-12-10 20:06:00
如果出现不调用check()这个函数的情况怎么解决?
3 楼
Leo64823900 [专家分:960] 发布于 2006-12-12 00:35:00
若用户绕过客户端的check(),则只能在服务器端对输入进行验证了。
4 楼
bilan278300627 [专家分:360] 发布于 2006-12-15 17:07:00
<html>
<head>
</head>
<body>
<table width="760" border="0" align="center" cellspacing="0" cellpadding="0">
<form name="form1">
<tr>
<td><div align="right"><font color="#006600">用户名:</font></div></td>
<td><input type="text" name="username"><font color=red>*用户名不能少于两个字</font></tr>
<tr>
<td><div align="right"><font color="#006600">密码:</font></div></td>
<td><input type="password" name="password"><font color=red>*密码不能为空</font></tr>
<tr>
<td><div align="right"><font color="#006600">确认密码:</font></div></td>
<td><input type="password" name="password1"><font color=red>*请再次输入密码</font></tr>
<tr>
<td align="center"colspan=2><input type="submit" name="submit" value="确定" submit="return check()">
</form>
</table>
<script language="javascript">
function check()
{
if (document.form1.name.value == "")
{
alert("用户名不能为空,请重新输入!");
return false;
}
return true;
}
</script>
</body>
</html>
请教楼主,为什么我写的这个运行时没有对话框出现?
5 楼
s40860 [专家分:40] 发布于 2006-12-18 23:32:00
楼上的,你想有什么对话出现呀?
你是指那些警告之类的吗??
你用了提交的按钮,它会转向一个新页面的,而你又没有给这个按钮一个超链接的目标,所以,我想就不会出现对话框了。
我来回复