萝卜头IT论坛

搜索
查看: 4659|回复: 1
收起左侧

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

[复制链接]
发表于 2012-7-26 20:35:09 | 显示全部楼层 |阅读模式
<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>

回复

使用道具 举报

发表于 2012-7-27 10:53:24 | 显示全部楼层
用户名:
密码:
回复

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-4-26 17:34 , Processed in 0.086361 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表