回 帖 发 新 帖 刷新版面

主题:[求助]网页表单验证问题

设计一个简单的网页,网页上有表单,包含姓名,性别(单选),年龄,收入(下拉列表),地址,电子邮箱,自我介绍。用javascript对表单的元素进行输入验证,要求表单的元素不能为空,要全部填写才能通过提交,如果是空就给出提示警告,通过后输出你所填写的内容。

大家帮忙写一下啦,有写我都会评分的。

回复列表 (共5个回复)

沙发

...

<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>
...

板凳

如果出现不调用check()这个函数的情况怎么解决?

3 楼

若用户绕过客户端的check(),则只能在服务器端对输入进行验证了。

4 楼

<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 楼

楼上的,你想有什么对话出现呀?
你是指那些警告之类的吗??
你用了提交的按钮,它会转向一个新页面的,而你又没有给这个按钮一个超链接的目标,所以,我想就不会出现对话框了。

我来回复

您尚未登录,请登录后再回复。点此登录或注册