JavaScript高级的两个输入框的密码判断

分手后的思念是犯贱 2023-07-03 06:15 18阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>密码判断</title>
    </head>
    <body>
      <input type="password" name="password">
      <input type="password" name="confirm_password">
      <br>
      <span name="msg"></span>
      <script>
        function query(name){
           return document.querySelector(`[name='${name}']`)
        }
        console.log(query("password"))
        let inputs = document.querySelectorAll("[name='password'],[name='confirm_password']");
        console.log(inputs);
        [...inputs].map(item=>{
          item.addEventListener("keyup",()=>{
            let  msg = "";
            if(query("password").value  !== query("confirm_password").value || query("password").value.length<5){
              msg = "两次密码不一致或者密码长度小于五位"
            }
            query("msg").innerHTML = msg
          })
        })
      </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 实现两个input密码确认框

js 实现两个input密码确认框 <!DOCTYPE html> <html lang="en"> <head> <me

痛定思痛。/ 2023年07月22日 15:29/ 0 赞/ 221 阅读

相关 JavaScript高级的两个输入框的密码判断

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

分手后的思念是犯贱/ 2023年07月03日 06:15/ 0 赞/ 19 阅读

相关文本输入框和密码框案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

比眉伴天荒/ 2022年12月24日 01:59/ 0 赞/ 319 阅读

相关输入两个数,判断其二进制的不同位数

![在这里插入图片描述][20210317165522417.png] 输入两个数,判断二进制不同位数我们还是运用常规的主函数调用一个函数的做法, 1.在主函数中

喜欢ヅ旅行/ 2022年12月19日 00:54/ 0 赞/ 254 阅读

相关 html添加密码输入框,HTML input password密码输入框简介说明

摘要: 下文讲述html代码中input type=’password’时的相关属性简介说明,如下所示: input type=’password’ 简介当 input

桃扇骨/ 2022年10月06日 11:56/ 0 赞/ 341 阅读

相关类似支付宝的6个密码输入框

重写一个横向的线性布局，6个输入框，平均每个权重1 设置密码输入属性： tv.setInputType(InputType.TYPE_CLASS_TEXT

Myth丶恋晨/ 2022年08月06日 15:24/ 0 赞/ 294 阅读

相关判断两个input输入框的值(int)

<input type="text" class="" value="" placeholder="" id="input1" name=""> <input

本是古典何须时尚/ 2022年05月24日 22:13/ 0 赞/ 288 阅读

相关密码的输入、确认和判断比较

基础版：利用strcmp函数进行字符串的比较 include<stdio.h> include<string.h> include<stdlib.h>

逃离我推掉我的手/ 2022年04月13日 15:20/ 0 赞/ 348 阅读

相关密码输入框

效果图：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Jy

迈不过友情╰/ 2021年12月23日 15:51/ 0 赞/ 580 阅读

相关 android editText输入框输入密码的显示与隐藏

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

Dear 丶/ 2021年09月17日 08:50/ 0 赞/ 698 阅读