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" />
密码：<input type="text" name="pass" />
<input type="button" name="login" value="提交" onClick="sub()" />
</form>
这个简单的验证了下 .
</body>
</html>form.user.focus //会弹出alert提示，如果没有填写，验证完用户名后这是比较人性化的设计，并且自动把焦点切换到user的输入框
- 上一篇 »html之novalidate
- 下一篇 »javascript表单验证常用正则