注册表单的验证:
注册表单的代码为:
【<div>
<fieldset>
<legend>用户登录</legend>
<form name="RegForm" method="post" action="reg.php" onSubmit="return InputCheck(this)">
<label for="username" class="label">用户名:</label>
<input id="username" name="username" type="text" class="input" />
<span>(必填,3-15字符长度,支持汉字、字母、数字及_)</span>
<p/>
<p>
<label for="password" class="label">密 码:</label>
<input id="password" name="password" type="password" class="input" />
<span>(必填,不得少于6位)</span>
<p/>
<p>
<label for="repass" class="label">重复密码:</label>
<input id="repass" name="repass" type="password" class="input" />
<p/>
<p>
<label for="email" class="label">电子邮箱:</label>
<input id="email" name="email" type="text" class="input" />
<span>(必填)</span>
<p/>
<p>
<input type="submit" name="submit" value=" 提交注册 " class="left" />
</p>
</form>
</fieldset>
</div>】
JS做判断的代码为:
【
<script language=JavaScript>
<!--
function InputCheck(RegForm)
{
if (RegForm.username.value == "")
{
alert("用户名不可为空!");
RegForm.username.focus();
return (false);
}
if (RegForm.password.value == "")
{
alert("必须设定登录密码!");
RegForm.password.focus();
return (false);
}
if (RegForm.repass.value != RegForm.password.value)
{
alert("两次密码不一致!");
RegForm.repass.focus();
return (false);
}
if (RegForm.email.value == "")
{
alert("电子邮箱不可为空!");
RegForm.email.focus();
return (false);
}
}
//-->
</script>】
1.javascript中focus()函数是聚焦函数,RegForm.username.focus()是光标在用户名的文本框中,所以才可以进行判断。
2.<fieldset>:在数据周围绘制一个框
<legend>:为fieldset元素定义标题(caption)
登录的表单验证与注册的一样。