杏阳 发表于 2012-7-26 20:35:09

HTML中javascript实现 简单登录功能(源码)

<html>


<body>



<form name="login" onsubmit="javascript:return chkfrm(this);">



用户名:<input type="text" name="username" onpropertychange="if(this.value.length>=8)this.form.userpwd.focus();"><br>



密码:<input type="password" name="userpwd"><br>



<input type="submit" value="登录"> <input type="reset" value="重置">



</form>



<script language="javascript">



function chkfrm(o){



   if(o.username.value==''){



      alert('请输入用户名!');



      return false;



   }



   if(o.userpwd.value==''){



      alert('请输入密码!');



      return false;



   }



   alert('登陆成功');



   return false;



}







</script>



</body>



</html>

nkc3g4 发表于 2012-7-27 10:53:24



<form name="login" onsubmit="javascript:return chkfrm(this);">



用户名:<input type="text" name="username" onpropertychange="if(this.value.length>=8)this.form.userpwd.focus();"><br>



密码:<input type="password" name="userpwd"><br>



<input type="submit" value="登录"> <input type="reset" value="重置">



</form>



<script language="javascript">



function chkfrm(o){



   if(o.username.value==''){



      alert('请输入用户名!');



      return false;



   }



   if(o.userpwd.value==''){



      alert('请输入密码!');



      return false;



   }



   alert('登陆成功');



   return false;



}







</script>
页: [1]
查看完整版本: HTML中javascript实现 简单登录功能(源码)