02-新手入门级别：js编写密码确认

最新推荐文章于 2022-12-21 11:53:07 发布

不及你笑靥如花

最新推荐文章于 2022-12-21 11:53:07 发布

阅读量303

点赞数

分类专栏： js特效

本文链接：https://blog.csdn.net/qq_43775721/article/details/114004867

版权

javascript

js特效专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>密码确认</title>
</head>

<body>
    <input type="password" name="password" id="">
    <input type="password" name="confirmPassword" id="">
    <span name="msg"></span>
    <script>
        "use strict;"
        let inputs = document.querySelectorAll("[name='password'],[name='confirmPassword']");

        function query(name) {
            return document.querySelector(`[name='${name}']`);
        }

        [...inputs].map(input => {
            input.addEventListener('keyup', function() {
                if (query("password").value != query("confirmPassword").value &&(query("password").value.length <= 5 && query("password").value.length >= 18)) {
                    query("msg").innerHTML = "两次密码不相等或密码长度不能小于5或大于18位数";
                } else {
                    query("msg").innerHTML = "正确";
                }
            })
        })
    </script>
</body>

</html>

不及你笑靥如花

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02-新手入门级别：js编写密码确认

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>密码
复制链接

扫一扫