表单
<form id="form1" action="#" method="post">
账号<input id="UserName" style="height:20px; width:100px" type="text" /><br/>
密码<input id="Password" style="height:20px; width:100px" type="password" /><br/>
<input id="Submit1" type="submit" value="登陆" onClick="return chek()"/><br/>
<input id="Submit2" type="submit" value="重置" /><br/>
</form>
在登陆按钮的表单元素添加一个onClick鼠标点击事件,调用函数check();
javascript验证函数
function chek()
{
var name = form1.UserName.value;
if((name.length > 10) || (name == ""))
{
alert("用户名不合格!");
form1.UserName.focus(); //返回表单元素位置
return false;
}
var pwd = form1.Password.value;
if((pwd.length < 6) || (pwd == ""))
{
alert("密码不规范!");
form1.Password.focus();
return false;
}
}
验证效果