JavaScript --onfocus,onblur实现简单注册密码案例

最新推荐文章于 2024-07-26 11:41:15 发布

静独善水

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量344

点赞数 5

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_50731688/article/details/136929841

版权

JavaScript --onfocus,onblur实现简单注册密码案例


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
    function fun1(){
      //1.获得【密码】中value
      var pwd1 = document.getElementById("one").value;
      //2.判断用户是否可以写【重复密码】
      if(pwd1==''){
        document.getElementById("one").focus();//让当前标签获得光标
        document.getElementById("xxxx").innerHTML="未设置密码";
      }else{
        document.getElementById("xxxx").innerHTML="*";
      }
    }
    function fun2(){
      //1.获得【密码】中value
      var pwd1 = document.getElementById("one").value;
      //2.获得【重复密码】中value
      var pwd2 = document.getElementById("two").value;
      //3.判断
      if(pwd1 != pwd2){
        document.getElementById("two").focus();
        document.getElementById("cc").innerHTML="两次密码内容不一致";
      }else{
        document.getElementById("cc").innerHTML="*";
      }
    }
  </script>
</head>
<body>
<center>
  <table border="2">
    <tr>
      <td>用户名</td>
      <td><input type="text"></td>
    </tr>
    <tr>
      <td>密码</td>
      <td><input type="text" id="one">
        <font style="color:red" id="xxxx">*</font>
      </td>
    </tr>
    <tr>
      <td>重复密码</td>
      <td><input type="text" id="two" onfocus="window.fun1()" onblur="window.fun2()">
        <font style="color:red" id="cc">*</font>
      </td>
    </tr>
    <tr>
      <td>用户邮箱</td>
      <td><input type="text"></td>
    </tr>

  </table>
</center>
</body>

</html>

静独善水

关注

5
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
JavaScript --onfocus,onblur实现简单注册密码案例

/2.判断用户是否可以写【重复密码】//2.获得【重复密码】中value。//1.获得【密码】中value。//1.获得【密码】中value。//让当前标签获得光标。"两次密码内容不一致"
复制链接

扫一扫