zoukankan      html  css  js  c++  java
  • 利用javascript判断前端密码输入是否一致

    <!--判断用户输入的两次密码是否相等-->
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <meta http-equiv="x-ua-compatible" content="ie=7"/>
    <title>标题:密码检查</title>
    <meta name="description" content="描述:密码检查"/>
    <meta name="keywords" content="关键字:密码"/>
    </head>

    <script type="text/javascript">
    function Check() {
    var passwd1=document.my_form.pwd1.value;
    var passwd2=document.my_form.pwd2.value;

    if (passwd1 =="") {
    document.my_form.explain1.innerText
    ="密码空,请输入";
    document.my_form.explain2.innerText
    ="";
    return;
    }
    if (passwd1 != passwd2) {
    document.my_form.explain1.innerText
    ="";
    document.my_form.explain2.innerText
    ="密码不一致,请重输入";
    document.my_form.pwd1.innerText
    ="";
    document.my_form.pwd2.innerText
    ="";
    }
    else {
    document.my_form.explain1.innerText
    ="";
    document.my_form.explain2.innerText
    ="";
    }
    }
    </script>

    <form name="my_form">
    <table width="900" cellpadding="3">
    <tr>
    <td align="right" width="200">用户密码:</td>
    <td width="200">&nbsp;<input type="password" name="pwd1"/></td>
    <td width="500"><input width=500 type="text" style= "color: red; border-style: solid; border-0" name="explain1" readonly/></td>
    </tr>
    <tr>
    <td align="right" width="200">确认密码:</td>
    <td width="200">&nbsp;<input type="password" name="pwd2" onBlur="Check()"/></td>
    <td width="500"><input width=500 type="text" style= "color: red; border-style: solid; border-0" name="explain2" readonly/></td>
    </tr>
    </table>
    </form>
    </html>



  • 相关阅读:
    JavaScript(16):横版菜单栏
    JavaScript(15):表格行之增删改
    JavaScript(14):实现jQuery的click绑定及链式编程
    c++ -- 左值和右值
    c++--模板与泛型编程
    python--导入其他文件夹下的模块(.py文件)
    python--pickle序列化(持久化)
    python--matplotlib显示中文问题(四种方法)
    machine learning--L1 ,L2 norm
    python--'__main__'的作用
  • 原文地址:https://www.cnblogs.com/tzhangofseu/p/2252414.html
Copyright © 2011-2022 走看看