javascript简单的表单验证 

<html> 
<head> 
<title>用户登录</title> 
<script language="javascript" type="text/javascript">
function sub()
{
var user = document.form1.user.value;
var pass = document.form1.pass.value;

    if(user=="")
    {
        alert("用户名不能为空!");
　　　　　show.user.focus();  //会弹出提示 并得到焦点
        return ;
    }else if(pass=="")
    {
        alert("密码不能为空!");
        return;
    }else
    {
        document.form1.submit();
    }

}
</script>
</head> 
<body> 
<form action="authpage.asp" method="post" name="form1"> 
用户名：<input type="text" name="user" style="width: 80px" /> 
密码：<input type="text" name="pass" style="width: 80px" /> 
<input type="button" name="login" value="提交"  onClick="sub()"  /> 
</form> 

这个简单的验证了下 . 
</body> 
</html>

form.user.focus  //会弹出alert提示，如果没有填写，验证完用户名后这是比较人性化的设计，并且自动把焦点切换到user的输入框

posted @ 2015-10-29 09:03  MokeyChan  阅读(285)  评论(0)  编辑  收藏  举报