File name
Commit message
Commit date
File name
Commit message
Commit date
2023-07-28
File name
Commit message
Commit date
2023-06-22
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2023-07-28
File name
Commit message
Commit date
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<script language=javascript>
$(document).ready(function(){
$('#exPassword').focusout(function() {
var pw = $('#exPassword').val();
selectInputPwAjax(pw)
});
//비밀번호 확인 체크
$("#newPassword1").on("propertychange change keyup paste input", function() {
var pw = $("#newPassword1").val();
var pwCheck = $("#newPassword2").val();
if(pw == pwCheck){
$(".pwPass").css("display", "");
$(".pwPass_no").css("display", "none");
}else{
$(".pwPass_no").css("display", "");
$(".pwPass").css("display", "none");
}
if(pwCheck == ''){
$(".pwPass").css("display", "none");
$(".pwPass_no").css("display", "none");
}
});
//비밀번호 안전도 체크
$("#newPassword1").on("propertychange change keyup paste input", function() {
var pw = $("#newPassword1").val();
var pwCheck = $("#newPassword2").val();
var exPw = $('#exPassword').val();
var num = pw.search(/[0-9]/g);
var eng = pw.search(/[a-z]/ig);
var spe = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
//영문자, 특수문자, 숫자를 포함한 8자이상 20자이하인지 체크
if(num < 0 || eng < 0 || spe < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20 || exPw == pw){
$(".password_pass_no").css("display", "");
$(".password_pass").css("display", "none");
}else{
$(".password_pass").css("display", "");
$(".password_pass_no").css("display", "none");
}
if(pw == ''){
$(".password_pass").css("display", "none");
$(".password_pass_no").css("display", "none");
}
//비밀번호 확인 비교
if(pwCheck != ''){
if(pw == pwCheck){
$(".pwPass").css("display", "");
$(".pwPass_no").css("display", "none");
}else{
$(".pwPass_no").css("display", "");
$(".pwPass").css("display", "none");
}
}
});
//비밀번호 확인 체크
$("#newPassword2").on("propertychange change keyup paste input", function() {
var pw = $("#newPassword1").val();
var pwCheck = $("#newPassword2").val();
if(pw == pwCheck){
$(".pwPass").css("display", "");
$(".pwPass_no").css("display", "none");
}else{
$(".pwPass_no").css("display", "");
$(".pwPass").css("display", "none");
}
if(pwCheck == ''){
$(".pwPass").css("display", "none");
$(".pwPass_no").css("display", "none");
}
});
});
//현재 비밀번호 입력 후 맞는지 조회
function selectInputPwAjax(pw){
var form = document.selectPasswordCheckForm;
form.password.value = pw;
var data = new FormData(form);
$.ajax({
cache : false
,url : "<c:url value='/web/user/selectPasswordCheckAjax.do'/>"
,async:false
,type : 'POST'
,data : data
,dataType:'json'
,processData: false
,contentType: false
,success : function(returnData, status){
if(returnData.result == "success") {
if(returnData.pwCheck == "1"){
$("#passwordCheck").val("Y")
$(".oldPassChkNo").css("display", "none");
$(".oldPassChkYes").css("display", "block");
}else{
$("#passwordCheck").val("N")
$(".oldPassChkNo").css("display", "block");
$(".oldPassChkYes").css("display", "none");
}
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
function insertPw(){
if($("#exPassword").val() == ""){
alert("현재 비밀번호를 입력해 주세요.");
return false;
}
if($("#newPassword1").val() == ""){
alert("새 비밀번호를 입력해 주세요.");
return false;
}
if($("#newPassword2").val() == ""){
alert("새 비밀번호 확인을 입력해 주세요.");
return false;
}
if($("#passwordCheck").val() == "N"){
alert("현재 비밀번호를 확인해 주세요.");
return false;
}
if($("#newPassword1").val() != $("#newPassword2").val()){
alert("새 비밀번호와 새 비밀번호 확인과 맞지 않습니다. 확인해 주세요");
$('#newPassword2').val("");
$('#newPassword2').focus();
return false;
}
var form = document.updatePasswordForm;
form.oldPassword.value = $("#exPassword").val();
form.password.value = $("#newPassword1").val();
form.rsaPasswd.value = $("#newPassword2").val();
var data = new FormData(form);
$.ajax({
cache : false
,url : "<c:url value='/web/user/updatePasswordCheckAjax.do'/>"
,async:false
,type : 'POST'
,data : data
,dataType:'json'
,processData: false
,contentType: false
,success : function(returnData, status){
if(returnData.result == "success") {
alert("비밀번호가 정상적으로 변경되었습니다. 다시 로그인해주세요.");
location.href='/web/uat/uia/actionLogout.do'
} else{
alert(returnData.message);
if(returnData.errType == "01") {
$('#exPassword').val("");
$('#exPassword').focus();
return;
}
if(returnData.errType == "02") {
$('#newPassword1').val("");
$('#newPassword2').val("");
$('#newPassword1').focus();
return;
}
if(returnData.errType == "03") {
$('#newPassword1').val("");
$('#newPassword2').val("");
$('#newPassword1').focus();
return;
}
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
</script>
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<%@include file="/WEB-INF/jsp/web/user/mypageHeader.jsp" %>
<!--// tab button -->
<!-- 마이페이지 - 비밀번호 변경 -->
<form id="selectPasswordCheckForm" name="selectPasswordCheckForm" method="post">
<input type="hidden" name="password" id="password">
<input type="hidden" name="userTy" id="userTy" value="">
</form>
<!-- 마이페이지 - 비밀번호 변경 -->
<form id="updatePasswordForm" name="updatePasswordForm" method="post">
<input type="hidden" name="oldPassword" id="oldPassword">
<input type="hidden" name="password" id="password">
<input type="hidden" name="rsaPasswd" id="rsaPasswd">
</form>
<div class="mypage_content current" id="tab5_3">
<div class="heading">
<h2>비밀번호 변경</h2>
</div>
<div class="mem_cont_in">
<div class="text_top">
<p>
안전한 서비스 이용을 위해<span> 비밀번호</span>를 주기적으로 <span>변경</span>해주세요!
</p>
</div>
<div class="input_list">
<div class="input_list_item">
<input type="hidden" id="passwordCheck" name="passwordCheck" value = "N">
<div class="input_left">현재 비밀번호</div>
<div class="input_right">
<label for="" class="label">비밀번호</label>
<input type="password" class="list_inputType1" id="exPassword" name="exPassword">
</div>
<div class="list_alert pass_no oldPassChkNo" style="display: none;">
<i></i> <span>비밀번호가 일치하지 않습니다.</span>
</div>
<div class="list_alert pass oldPassChkYes" style="display:none;">
<i></i> <span>비밀번호가 일치합니다.</span>
</div>
</div>
<div class="mem_noti">비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.</div>
<div class="input_list_item">
<div class="input_left">새 비밀번호</div>
<div class="input_right">
<label for="" class="label">새 비밀번호</label>
<input type="password" class="list_inputType1" id="newPassword1" maxlength="20">
</div>
<div class="list_alert password_pass_no" style="display: none;">
<ul>
<li><span class="step1"></span></li>
<li><span class="step2"></span></li>
<li><span class="step3"></span></li>
</ul>
<span>안전도 낮음</span>
</div>
<div class="list_alert password_pass" style="display: none;">
<ul>
<li><span class="step1"></span></li>
<li><span class="step2"></span></li>
<li><span class="step3"></span></li>
</ul>
<span>안전함</span>
</div>
</div>
<div class="input_list_item">
<div class="input_left">새 비밀번호 확인</div>
<div class="input_right">
<label for="" class="label">새 비밀번호 확인</label>
<input type="password" class="list_inputType1" id="newPassword2" maxlength="20">
</div>
<div class="list_alert pass_no pwPass_no"
style="display: none;">
<i></i> <span>비밀번호가 일치하지 않습니다.</span>
</div>
<div class="list_alert pass pwPass" style="display: none;">
<i></i> <span>비밀번호가 일치합니다.</span>
</div>
</div>
<div class="mem_btnWrap2">
<button type="button" class="mem_btn3" style="width: 100%;" onclick="insertPw();">변경</button>
</div>
</div>
</div>
</div>
<!--// 마이페이지 - 비밀번호 변경 -->
</div>
<!--// send top -->
</div>
<!--// content 영역 -->