jsp实现密码核对

最新推荐文章于 2024-04-29 17:01:02 发布

微笑伴你而行

最新推荐文章于 2024-04-29 17:01:02 发布

阅读量1.5k

点赞数 3

分类专栏： java web 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_52108058/article/details/127478032

版权

java web 专栏收录该内容

12 篇文章 5 订阅

订阅专栏

文章目录

密码验证

一、案例演示

确认密码与输入的密码相同时验证成功可以提交
在这里插入图片描述
当输入的确认密码与密码不同时，不可以提交

二、实现步骤

1、verification.jsp

onblur 事件会在对象失去焦点时发生

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<script type="text/javascript" src="../js/jquery02.js"></script>
<body>
<script>
    function verification() {
        var pw1 = document.getElementById("repassword").value;
        var pw2 = document.getElementById("password").value;
        if(pw1 == pw2) {
            document.getElementById("tishi").innerHTML="两次密码相同";
            document.getElementById("button").disabled = false;
        }
        else {
            document.getElementById("tishi").innerHTML="两次密码不相同";
            document.getElementById("button").disabled = true;
        }
    }
</script>
    <p id="tishi" style="color: red"></p>
    <p>账号：<input type="text" name="name"><br></p>
    <p>密码：<input type="text" id="password" onblur="verification()"><br></p>
    <p>确认：<input type="text" id="repassword" onblur="verification()"></p>
        <input id="button" type="submit"  value="提交">
</body>
</html>