【网页设计】验证表单是否为空

在做登录注册页面的时候，需要检测用户是否合法输入，其中重要的一条就是，验证表单的信息是否为空

下面以一个账号密码登录表单为例，说一下用Javascript的一个解决方案

 

JavaScript中的函数：

<script type="text/javascript">
function     validate()
{
if(document.myform.username.value=="")
{
alert("用户名不能为空.");
document.myform.username.focus();
return   false   ;
}
if(document.myform.password.value=="")
{
alert("密码不能为空.");
document.myform.password.focus();
return   false   ;
}

return true;
}
</script>

Htnl表单

<form action="load" method="post" name="myform" id="myform"  onsubmit="return validate()">
<input type="text" name="username" style="width:190px; height:26px;"/><br/>
<input type="password" name="password" style="width:190px; height:26px; margin-top:12px;"/><br/>
<input type="submit" value="登录" style="width:50px; height:30px; margin-top:8px;"/>
</form>

获取username的另外方式：

var username=document.getElememntByID('username').value;

设置焦点的另外方式：

document.getElementById("username").focus();