<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="check.js"></script>
</head>
<body>
<form method="post" name="form1" id="form1">
<table width="350" border="0" align="center" cellpadding="0" cellspacing="5">
<tbody>
<tr>
<td colspan="2" align="center">新用户注册</td>
</tr>
<tr>
<td width="40%"><label for="uid">用户名:</label></td>
<td width="60%"><input type="text" name="uid" id="uid" size="30" maxlength="10"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="gender" id="gender" value="boy">
<label for="gender">男</label>
<input type="radio" name="gender" id="gender" value="boy">
<label for="gender">女</label>
</td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="psw1" id="psw1" size="30"></td>
</tr>
<tr>
<td><label for="psw2">确认密码:</label></td>
<td><input type="password" name="psw2" id="psw2" size="30"></td>
</tr>
<tr>
<td><label for="question">密码问题:</label></td>
<td><input type="text" name="question" id="question" size="30"></td>
</tr>
<tr>
<td><label for="answer">密码答案:</label></td>
<td><input type="text" name="answer" id="answer" size="30"></td>
</tr>
<tr>
<td><label for="email">电子邮件:</label></td>
<td><input type="text" name="email" id="email" maxlength="50"></td>
</tr>
<tr>
<td> </td>
<td>
<input type="submit" name="submit" id="submit" value="注册" onclick="return check()">
<input type="reset" name="reset" id="reset" value="清除">
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
效果
新用户注册 | |
性别: | |
密码: | |
function check()
{
f=document.form1;
if(f.uid.value=="")
{
alert("用户名为必填项!");
f.uid.focus();
return false;
}
if(f.psw1.value!=""||(f.psw2.value!=""))
{
if(f.psw1.value!=f.psw2.value)
{
alert("两次密码输入不一致,请重新输入!");
f.psw1.focus();
return false;
}
}
else
{
alert("密码不能为空");
f.psw1.focus();
return false;
}
if(f.gender.value=="")
{
alert("性别必须填写!");
return false;
}
alert("表单通过验证!");
f.submit();
}