lxw
2020-07-11 9db52f2f2dd3665fe9da1ae5657e0167c3a34d40
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE HTML>
<html>
  <head>
<!-- 默认使用最高内核 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
 
<title><s:text name="Change_password"/></title>
<meta name="description" content="yuanchang" />
<meta name="keywords" content="yuanchang" />
<link rel="stylesheet" type="text/css" href="css/mybase.css" />
 
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/MD5.js"></script>
</head>
  
  <body>
    <div id="shade"></div>
    <div id="container">
        <span class="top"><s:text name="Change_password"/></span>
        <div><span class="text"><s:text name="Original_password"/>:</span><input type="text" autofocus="autofocus" onfocus="this.type='password'" id="oldpass" name="oldpass" class="input w200" placeholder="请输入原密码"></div>
        <span class="text"><s:text name="New_password"/>:</span><input type="text"  onfocus="this.type='password'" id="newpass" name="newpass" class="input w200" placeholder="请输入新密码"><br />
        <span class="text"><s:text name="Confirm_password"/>:</span><input type="text" onfocus="this.type='password'"  id="renewpass" name="renewpass" class="input w200" placeholder="请再次确认新密码"/>
        <br/><br/><br/><br/><a href="javascript:getDate()" class="fir"><s:text name="Confirm_Chage"/></a>
        <a href="javascript:history.go(-1)" class="sec"><s:text name="Exit"/></a>
        <br/><br/>
    </div>
    <div id="alert">
        <span class="alert_top"><s:text name="Change_password"/>输入有误</span>
        <p><s:text name="Change_password"/>提示:</p>
        <p><s:text name="Change_password"/>1.请确认你的原密码是否正确</p>
        <p><s:text name="Change_password"/>2.请确认你的新密码和确认密码一致</p>
        <p><s:text name="Change_password"/>3.如果忘记密码可以申请找回密码</p>
        <br/><br />
    </div>
</body>
<script type="text/javascript">
    var opass=false, npass=false;
    var user;
 
    $("#oldpass").blur(function(){
        $.ajax({     
            type: "post",                 
            url: "User_infAction!checkUserPass",                
            async:true,                
            dataType:'text',
            data:"addjson="+ hex_md5($(this).val()),        
            success: function(data){ 
                console.info(data);
                data = eval('('+data+')');
                var model = eval('('+data.result+')');
                if(model.code == 1){
                    $("#oldpass").css("outline","none");
                    showPwdImg(true);
                    opass = true;
                }else{
                    $("#oldpass").css("outline","1px solid red");
                    showPwdImg(false);
                    opass = false;
                }
            }                    
        });
    });
        
 
    $("#renewpass").blur(function() {
        var nepass = $("#newpass").attr('value');
        var Alert=document.getElementById("alert");
        if (nepass.length>0 && this.value == nepass) {
            this.style = "border-color:block";
            nepass.style = "border-color:block";
            Alert.style.display="none";        
            npass = true;
        } else {
            this.style = "border-color:red";
            nepass.style = "border-color:red";            
            Alert.style.display="block";        
            npass = false;
        }
    });
    
    
    function getDate() {
        if (opass && npass) {            
            var upass = $("#renewpass").attr('value').trim();            
            $.post("User_infAction!updatePassword", "uif.USnId=" + upass, function(data) {
                var model=eval("("+data.result+")");
                console.info(model);
                if(model.code==1){
                    //console.info("upass="+upass);
                    cleanCookie("username",  "password");
                    alert(model.msg+"请重新登录");
                    exitUser();
                    window.location.href="login.jsp";                
                }else{
                    alert(model.msg);
                }
                
            });
        }else{
            var Oalert=document.getElementById("alert");
            Oalert.style="dispaly:block";
        }
    }
    
    //点击退出
    function exit(){
        window.history.go(-1);
    }
    
    /**
        根据旧密码是否正确显示不同的图片
        @param bool param 是否正确
    */
    function showPwdImg(param) {
        $('#oldpass').next().remove();
        var trueImg = $('<img style="display: block; float: right;margin-top: 26px" class="pwd-mark" src="image/check-mark.gif">');
        var falseImg = $('<img style="display: block; float: right;margin-top: 26px" class="pwd-mark" src="image/error-mark.gif" alt="">');
        if(param) {
            $('#oldpass').after(trueImg);
        }else {
            $('#oldpass').after(falseImg);
        }
    }
 
    // 旧密码文本框获取焦点移除判断对错的图标
    $('#oldpass').focusin(function() {
        $('.pwd-mark').remove();
    });
 
</script>
</html>