关于确认密码

来源：6-3 作业题

ZM520

2018-07-28 13:47:24

<div class="pwd">
    <input type="password" id="pwd" name="password" placeholder="6-16位密码，区分大小写，不能用空格">
    <p></p>
</div>
<div class="pwd">
    <input type="password" id="confPassword" name="confPassword" placeholder="请确认密码" onblur="checkPwd()">
    <p></p>
</div>

function checkPwd() {
    var password = document.getElementById("pwd");
    var confPassword = document.getElementById("confPassword");
    if (password != confPassword){
        alert('密码输入不一致');
        return false;
    }
}

无论输入正确还是错误都会弹出窗口

写回答

2回答

一叶知秋519

2018-07-30

已采纳

这是我根据你贴出来的代码，给你调试的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>字体</title>
    
</head>
<script type="text/javascript">
    function checkPwd() {
        var password = document.getElementById("pwd").value;
        var confPassword = document.getElementById("confPassword").value;
        if (password != confPassword) {
            alert('密码输入不一致');
            return false;
        }
    }
    </script>
<body>
    <div class="pwd">
        <input type="password" id="pwd" name="password" placeholder="6-16位密码，区分大小写，不能用空格">
        <p></p>
    </div>
    <div class="pwd">
        <input type="password" id="confPassword" name="confPassword" placeholder="请确认密码" onblur="checkPwd()">
        <p></p>
    </div>
</body>
</html>

输入完成以后，如果密码不匹配，点击其他的地方，是会有提示的。

祝学习愉快！

一叶知秋519

2018-07-29

将checkPwd()方法中的

var password = document.getElementById("pwd"); 
var confPassword = document.getElementById("confPassword");

改为：

var password = document.getElementById("pwd").value;
var confPassword = document.getElementById("confPassword").value;

后再试下，需要取得元素内的值进行比较。

祝学习愉快！

hM520

h 加上.value后无论怎么输入都没反应

h018-07-29

共1条回复

0 学习 · 4297 问题

查看课程

相似问题

如果进行第二次密码确认？

回答 1

关于sql源码

回答 1

回答 4

验证码验证问题

回答 2

回答 1

打开慕课网App查看更多内容