zoukankan      html  css  js  c++  java
  • html 密码确认

    密码确认代码如下:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>密码确认</title>
    </head>
    <body >
    <form>
    输入户名: <input type="text" name="name"/>
    <P>输入密码: <input type="password" name="pw" id="pw1"/></P>
    <p>确认密码: <input type="password" name="pw" id="pw2" onkeyup="validate()"/><span id="tishi"></span></p>
    <p><input type="submit" value="注册" id="submit"/>
    <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>
    
    </html>

    效果截图如下:

                                                                                                                                   

  • 相关阅读:
    反射&异常
    成员方法
    继承&多态
    面向对象
    常用模块
    软件目录结构规范
    内置函数
    生产器&迭代器
    装饰器
    函数
  • 原文地址:https://www.cnblogs.com/MissZhao/p/5746770.html
Copyright © 2011-2022 走看看