|
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
- <title>重置密码</title>
- <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
- <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
- <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
- <link rel="stylesheet" href="assets/css/Login-Form-Dark.css">
- <link rel="stylesheet" href="assets/css/Toggle-Switch-1.css">
- <link rel="stylesheet" href="assets/css/Toggle-Switch.css">
- <link rel="stylesheet" href="assets/css/Toggle-Switches.css">
- <style type="text/css">
- .close{
- float: right;
- font-size: 21px;
- font-weight: 700;
- line-height: 1;
- color: #000;
- text-shadow: 0 1px 0 #fff;
- filter: alpha(opacity=20);
- opacity: .2;
- }
-
- .alert{
- padding: 15px;
- margin-bottom: 20px;
- border: 1px solid transparent;
- border-radius: 4px;
- width: 100%;
- height: fit-content;
- }
-
- a{
- text-decoration: none;
- }
- </style>
- </head>
-
- <body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="56" style="/*height: 90%;*/display: initial;">
-
- <section class="login-dark">
- {{if .errMsg}}
- <div id="myAlert" class="alert alert-warning">
- <a href="#" class="close" data-dismiss="alert">×</a>
- <strong>{{.errTag}}</strong><span style="display: block;padding: 10px 20px;">{{.errMsg}}</span>
- </div>
- {{else}}
- <div id="myAlert" class="alert alert-warning" style="display: none;">
- <a href="#" class="close" data-dismiss="alert">×</a>
- <strong>重置密码失败</strong><span style="display: block;padding: 10px 20px;"></span>
- </div>
- {{end}}
- <form method="post" action="/changePwd" id="loginForm" onsubmit="return ableCommit()">
- <h2 class="visually-hidden">ChangePwd Form</h2>
- <div class="illustration"><i class="icon ion-ios-locked-outline"></i></div>
- <div class="mb-3"><input class="form-control" type="password" name="newpwd" id="newpwd" placeholder="新密码" onblur="encodePwd()" onfocus="decodePwd()"></div>
- <div class="mb-3"><input class="form-control" type="password" name="repeatnewpwd" id="repeatnewpwd" placeholder="重复新密码" onblur="encodePwd()" onfocus="decodePwd()"></div>
- <div class="mb-3"><button class="btn btn-primary d-block w-100" type="submit" id="loginAct" >确认</button></div>
- </form>
- </section>
- <footer style="position: absolute;bottom: 0;width: 100%;">
- <div class="container">
- <p>© 内部使用 禁止外传</p>
- </div>
- </footer>
- <script src="assets/js/jquery-3.5.0.min.js"></script>
- <script src="assets/js/DES3.js"></script>
- <script src="assets/js/crypto-js.min.js"></script>
- <script src="assets/bootstrap/js/bootstrap.min.js"></script>
- <script src="assets/js/cust.js"></script>
- <script src="assets/js/new-age.js"></script>
- <script type="text/javascript">
-
- var date = new Date();
- var kk = ''+date.getFullYear()+(date.getMonth()>8?date.getMonth()+1:"0"+date.getMonth()+1)+(date.getDate()>9?date.getDate():"0"+date.getDate());
-
- var key = kk;
-
- function ableCommit(){
- var uname = $("#uname").val();
- var oldpwd = $("#oldpwd").val();
- var newpwd = $("#newpwd").val();
- console.log("1,pwd==="+pwd);
- pwd = atob(pwd);
- pwd = decryptByDES(pwd, key);
- console.log("2,pwd==="+pwd);
- if (uname.trim() == "" || oldpwd.trim() == "" || newpwd.trim() == "") {
- $("#myAlert").children("span").html(" 用户名或密码不允许为空!");
- $("#myAlert").css("display", "block");
-
- return false;
- } else {
-
- }
-
- }
-
- $(function(){
- console.log(888);
- $("#loginAct").click(function(){
- console.log(889998);
- })
-
- $(".close").click(function(){
- $("#myAlert").css("display", "none");
- });
-
- })
-
-
- //alert(decrypt_3des);
-
- function encodePwd(){
- let pwd = $("#pwd").val();
- console.log(pwd);
- if (pwd.trim() != "") {
- var des3en = encryptByDES(pwd,key);
-
- console.log(des3en);
- des3en = des3en.toUpperCase();
- var encode = encodeURI(des3en);
- console.log(encode);
- // 对编码的字符串转化base64
- var base64 = btoa(encode);
- console.log(base64);
- console.log(atob(base64));
-
-
- $("#pwd").val(base64);
- }
-
- }
- function decodePwd(){
- hideErrDiv();
- let pwd = $("#pwd").val();
- pwd = atob(pwd);
- var des3de = decryptByDES(pwd, key);
- console.log(des3de);
- $("#pwd").val(des3de);
- }
-
- function hideErrDiv(){
- $("#myAlert").css("display", "none");
- }
- </script>
- </body>
-
-
-
- </html>
|