首页 > 代码库 > Jquery或者JS方法验证密码是否一致
Jquery或者JS方法验证密码是否一致
<script src="http://www.mamicode.com/JS/jquery-3.2.0.js" type="text/javascript" ></script> <script src="http://www.mamicode.com/JS/bootstrap.min.js"></script> <link type="text/css" rel="stylesheet" href="http://www.mamicode.com/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方式 onkeyup="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>
Jquery或者JS方法验证密码是否一致
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。