HTML5技术

html确认密码 - 阿雨啊

字号+ 作者:H5之家 来源:博客园 2016-08-08 11:00 我要评论( )

今天准备分享一个小知识点,就是确认登录界面 body form 输入户名: input type="text"/ P输入密码: input type="password"//P p确认密码: input type="password" onkeyup="validate()"/span/span/p pinput type="submit" value="注册"/ input type="reset

今天准备分享一个小知识点,就是确认登录界面

<body >
<form>
输入户名: <input type="text"/>
<P>输入密码: <input type="password"/></P>
<p>确认密码: <input type="password" onkeyup="validate()"/><span></span></p>
<p><input type="submit" value="注册"/>
<input type="reset" value="重置"/></p>
</form>

 

 


<script>
function validate() {
var pw1 = document.getElementById("pw1").value;
var pw2 = document.getElementById("pw2").value;
if(pw1 == pw2) {
document.getElementById("tishi").innerHTML="<font color='green'>两次密码相同</font>";
document.getElementById("submit").disabled = false;
}
else {
document.getElementById("tishi").innerHTML="<font color='red'>两次密码不相同</font>";
document.getElementById("submit").disabled = true;
}
}
</script>

</body>

这是一个简单的确认密码的方法,觉得不错的点击推荐吧

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评