|
|
@@ -17,90 +17,90 @@
|
|
|
<style>
|
|
|
.hide{display: none;}
|
|
|
</style>
|
|
|
- <div class="modal-dialog" role="document">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="modal-header htop">
|
|
|
- <h5 class="modal-title" id="passwordChangeLabel">비밀번호 변경</h5>
|
|
|
- </div>
|
|
|
- <div class="modal-body">
|
|
|
- <div class="pop_cont">
|
|
|
- <div class="pass_confirm">
|
|
|
- <form id="pwdModifyForm" class="form_wrap">
|
|
|
- <input type="hidden" name="custId" th:value="${custId}"/>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">기존 비밀번호를 입력해주세요.</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="password" id="orgPasswd" name="orgPasswd" placeholder="기존 비밀번호를 입력해주세요." class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="기존 비밀번호"/>
|
|
|
- </div>
|
|
|
+<div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header htop">
|
|
|
+ <h5 class="modal-title" id="passwordChangeLabel">비밀번호 변경</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="pass_confirm">
|
|
|
+ <form id="pwdModifyForm" class="form_wrap">
|
|
|
+ <input type="hidden" name="custId" th:value="${custId}"/>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">기존 비밀번호를 입력해주세요.</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <input type="password" id="orgPasswd" name="orgPasswd" placeholder="기존 비밀번호를 입력해주세요." class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="기존 비밀번호"/>
|
|
|
</div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">신규 비밀번호를 입력해주세요.</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="password" id="passwd" name="passwd" placeholder="신규 비밀번호를 입력해주세요.(8~20자 영문, 숫자, 특수문자 중 2가지 이상 조합)" class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="신규 비밀번호"/>
|
|
|
- <!-- case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
|
|
|
- <div class="help_block">
|
|
|
- <!-- 사용불가 비밀번호일경우 -->
|
|
|
- <p class="mt10">
|
|
|
- <span id="firstFailed" class="c_gray">
|
|
|
- <i class="ico ico_check gray mr5"></i>영문(대/소문자), 숫자, 특수문자 중 2가지 이상 조합(8~20자)<br>
|
|
|
- </span>
|
|
|
- <span id="secondFailed" class="c_gray">
|
|
|
- <i class="ico ico_check gray mr5"></i>4개이상연속되거나 동일한 문자, 숫자 제외<br>
|
|
|
- </span>
|
|
|
- <span id="thirdFailed" class="c_gray">
|
|
|
- <i class="ico ico_check gray mr5"></i>아이디제외
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //사용불가 비밀번호일경우 -->
|
|
|
- <!-- 사용가능한 비밀번호일경우 -->
|
|
|
- <p id="avlPwd" class="mt10 hide">
|
|
|
- <span class="c_black2">
|
|
|
- <i class="ico ico_check black mr5"></i>사용 가능한 비밀번호입니다.
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //사용가능한 비밀번호일경우 -->
|
|
|
- </div>
|
|
|
- <!-- //case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">신규 비밀번호를 입력해주세요.</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <input type="password" id="passwd" name="passwd" placeholder="신규 비밀번호를 입력해주세요.(8~20자 영문, 숫자, 특수문자 중 2가지 이상 조합)" class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="신규 비밀번호"/>
|
|
|
+ <!-- case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
|
|
|
+ <div class="help_block">
|
|
|
+ <!-- 사용불가 비밀번호일경우 -->
|
|
|
+ <p class="mt10">
|
|
|
+ <span id="firstFailed" class="c_gray">
|
|
|
+ <i class="ico ico_check gray mr5"></i>영문(대/소문자), 숫자, 특수문자 중 2가지 이상 조합(8~20자)<br>
|
|
|
+ </span>
|
|
|
+ <span id="secondFailed" class="c_gray">
|
|
|
+ <i class="ico ico_check gray mr5"></i>4개이상연속되거나 동일한 문자, 숫자 제외<br>
|
|
|
+ </span>
|
|
|
+ <span id="thirdFailed" class="c_gray">
|
|
|
+ <i class="ico ico_check gray mr5"></i>아이디제외
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <!-- //사용불가 비밀번호일경우 -->
|
|
|
+ <!-- 사용가능한 비밀번호일경우 -->
|
|
|
+ <p id="avlPwd" class="mt10 hide">
|
|
|
+ <span class="c_black2">
|
|
|
+ <i class="ico ico_check black mr5"></i>사용 가능한 비밀번호입니다.
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <!-- //사용가능한 비밀번호일경우 -->
|
|
|
</div>
|
|
|
+ <!-- //case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
|
|
|
</div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">신규 비밀번호를 다시 입력해주세요.</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="password" id="confirmPassword" name="confirmPassword" placeholder="신규 비밀번호를 다시 입력해주세요." class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="신규 비밀번호 확인"/>
|
|
|
- <div class="help_block">
|
|
|
- <!-- 비밀번호확인 틀렸을경우 -->
|
|
|
- <p id="misPwd" class="hide">
|
|
|
- <span class="t_err">
|
|
|
- 새 비밀번호가 일치하지 않습니다.
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //비밀번호확인 틀렸을경우 -->
|
|
|
- <!-- 비밀번호 일치할경우 -->
|
|
|
- <p id="avlConPwd" class=" hide">
|
|
|
- <span class="c_black2">
|
|
|
- <i class="ico ico_check black mr5"></i>새 비밀번호가 일치합니다.
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //비밀번호 일치할경우 -->
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">신규 비밀번호를 다시 입력해주세요.</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <input type="password" id="confirmPassword" name="confirmPassword" placeholder="신규 비밀번호를 다시 입력해주세요." class="form_control" minlength="8" maxlength="20" required="required" data-valid-name="신규 비밀번호 확인"/>
|
|
|
+ <div class="help_block">
|
|
|
+ <!-- 비밀번호확인 틀렸을경우 -->
|
|
|
+ <p id="misPwd" class="hide">
|
|
|
+ <span class="t_err">
|
|
|
+ 새 비밀번호가 일치하지 않습니다.
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <!-- //비밀번호확인 틀렸을경우 -->
|
|
|
+ <!-- 비밀번호 일치할경우 -->
|
|
|
+ <p id="avlConPwd" class=" hide">
|
|
|
+ <span class="c_black2">
|
|
|
+ <i class="ico ico_check black mr5"></i>새 비밀번호가 일치합니다.
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <!-- //비밀번호 일치할경우 -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="btn_group_flex">
|
|
|
- <div>
|
|
|
- <button type="button" id="btnClose" class="btn btn_default"><span>취소</span></button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <button type="button" id="btnSavePassword" class="btn btn_dark"><span>변경</span></button> <!-- 210409_추가 : btn_password_confirm id 추가 -->
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" id="btnClose" class="btn btn_default"><span>취소</span></button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <button type="button" id="btnSavePassword" class="btn btn_dark"><span>변경</span></button> <!-- 210409_추가 : btn_password_confirm id 추가 -->
|
|
|
</div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="modal-footer" style="display:none;"></div>
|
|
|
</div>
|
|
|
+ <div class="modal-footer" style="display:none;"></div>
|
|
|
</div>
|
|
|
- <a href="#close-modal" rel="modal:close" id="passwordPop_close" class="close-modal">Close</a>
|
|
|
+</div>
|
|
|
+<a href="#close-modal" rel="modal:close" id="passwordPop_close" class="close-modal">Close</a>
|
|
|
|
|
|
<script th:src="@{'/biz/customer.js?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" src="/biz/customer.js"></script>
|
|
|
<script th:inline="javascript">
|
|
|
@@ -282,7 +282,7 @@
|
|
|
|
|
|
checkPwd = '';
|
|
|
checkConfirmPwd = '';
|
|
|
- $('.form_control').val('');
|
|
|
+ $('#pwdModifyForm .form_control').val('');
|
|
|
}
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
@@ -292,4 +292,4 @@
|
|
|
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
-</html>
|
|
|
+</html>
|