Javascript表单验证

表单

<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;
 }
  }

验证效果