Jquery或者JS方法验证密码和确认密码是否一致

本是古典何须时尚 2022-04-18 01:55 336阅读 0赞

![在这里插入图片描述][20181106205556418.png]  
![在这里插入图片描述][20181106205610837.png]

<script src="../JS/jquery-3.2.0.js" type="text/javascript" ></script>
    
    <script src="../JS/bootstrap.min.js"></script>
    
    <link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />
    
     
    
    <body>
    
    <div class="form-group">
    
                    <label class="col-sm-2 control-label font">密码</label>
    
                        <div class="col-xs-10">
    
                            <input type="password" class="form-control bt" name="pwd" id="pwd" placeholder="请设置登录密码">
    
                        </div>
    
                </div><br/><br/><br/>
    
                 
    
                <div class="form-group">
    
                    <label class="col-sm-2 control-label font">确认密码</label>
    
                        <div class="col-xs-10">
    
                            <input type="password" class="form-control bt" name="pwd" id="pwd1" placeholder="请再次填写密码" onkeyup="validate()"><span id="tishi"></span>
    
                        </div>
    
                </div><br/><br/>
    
    </body>

**JS方式 οnkeyup="validate()"是引用方法的方式**

<script>
    
    function validate() {
    
        var pwd1 = document.getElementById("pwd").value;
    
        var pwd2 = document.getElementById("pwd1").value;
    
     
    
    
    
        if(pwd1 == pwd2)
    
         {
    
            document.getElementById("tishi").innerHTML="<font color='green'>两次密码相同</font>";
    
            document.getElementById("button").disabled = false;
    
         }
    
    else {
    
            document.getElementById("tishi").innerHTML="<font color='red'>两次密码不相同</font>";
    
            document.getElementById("button").disabled = true;
    
         }
    
    }
    
    </script>

**Jquery方法**

<script>
    
    function validate() {
    
          
    
        var pwd = $("#pwd").val();
    
        var pwd1 = $("#pwd1").val();
    
    
    
        if(pwd == pwd1)
    
         {
    
            $("#tishi").html("两次密码相同");
    
             $("#tishi").css("color","green");
    
        $("#xiugai").removeAttr("disabled");
    
         }
    
    else {
    
            $("#tishi").html("两次密码不相同");
    
             $("#tishi").css("color","red")
    
              $("button").attr("disabled","disabled");  
    
          }
    
    }
    
    </script>

[20181106205556418.png]: /images/20220418/0ba840f9f34d44f3a4ff521f59f66c5e.png
[20181106205610837.png]: /images/20220418/36391273116e42af989a4697cf78c59f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js验证两次密码是否一致，校验密码复杂度（必须包含字母、数字、特殊符号），验证邮箱，手机号

*js验证两次密码是否一致（代码）** <script type="text/javascript"> function validate()...

逃离我推掉我的手/ 2024年04月18日 06:33/ 0 赞/ 28 阅读

相关 jQuery Password Validation（密码验证）

jQuery Password Validation（密码验证）插件扩展了jQuery Validate插件，提供了两种组合：一种评价密码的相关因素的功能：比大小写字母的

超、凢脫俗/ 2024年03月16日 14:08/ 0 赞/ 40 阅读

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

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

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

相关 jquery php判断账号密码,jquery判断密码强度的验证代码_jquery

本文实例讲述了jquery判断密码强度的验证代码，分享给大家供大家参考。具体如下：预想的效果截图如下： ![5a0e223f80410871b09024ab1761cb6

拼搏现实的明天。/ 2022年10月21日 04:59/ 0 赞/ 143 阅读

相关 Angularjs 表单验证3-密码、确认密码处理

一、表单定义 <form class="form form-horizontal" name="myForm" novalidate> <di

Bertha 。/ 2022年06月12日 11:25/ 0 赞/ 213 阅读

相关 jquery注册页面的密码长度,确认密码匹配,email格式设定

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

忘是亡心i/ 2022年05月21日 02:38/ 0 赞/ 184 阅读

相关纯js代码判断密码input文本输入内容是否一致

![70][] <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Bertha 。/ 2022年05月11日 01:14/ 0 赞/ 208 阅读

相关 Jquery或者JS方法验证密码和确认密码是否一致

![在这里插入图片描述][20181106205556418.png] ![在这里插入图片描述][20181106205610837.png] <script s

本是古典何须时尚/ 2022年04月18日 01:55/ 0 赞/ 337 阅读

相关 js验证两次输入密码一致

一 html代码 <div class="zhuce_body"> <div class="zhuce_kong"> <div

港控/mmm°/ 2022年01月30日 12:11/ 0 赞/ 215 阅读

相关 easyui-validatebox 验证两次密码是否输入一致

1、扩展easyui的js代码： $.extend($.fn.validatebox.defaults.rules, { /必须和某个字段相等

野性酷女/ 2021年06月24日 14:34/ 0 赞/ 391 阅读