HANYANG_REACT/www/ksvc/inc/js/popPasswords.js

109 lines
3.4 KiB
JavaScript

/* 비밀번호 변경 팝업 */
class PopPWVueClass {
constructor() {
}
init(modal) {
const vueForm = createApp({
data() {
return {
CUR_PW: "",
NEW_PW: "",
NEW_PW_CHECK: "",
AGREE_PW:false,
modal: modal
};
},
mounted() {},
methods: {
checkCur(e) {
e.preventDefault();
ajax_json({
url: "/ksvc/inc/common.ajax.php",
data: {mode:"checkPassword", member_auth:this.CUR_PW},
success: (data)=>{
if (data.code == 1) {
kuls_success("확인되었습니다.");
// document.getElementById("AGREE_PW").value = true;
this.AGREE_PW = true;
}else{
// document.getElementById("AGREE_PW").value = false;
this.AGREE_PW = false;
kuls_alert(data.mesg);
}
},
error: function (request, status, error) {
kuls_alert(error.message);
},
complete: function () {
}
});
},
limit(e) {
if(this.NEW_PW.length < 6){
// 새 비밀번호 길이 6자리 미만
$(e.target).parent().removeClass("correct");
$(e.target).parent().addClass("nope");
}else{
// 새 비밀번호 길이 6자리 이상
$(e.target).parent().removeClass("nope");
$(e.target).parent().addClass("correct");
}
},
checkNew(e) {
if(this.NEW_PW === this.NEW_PW_CHECK){
// 비밀번호 확인 틀렸을때
$(e.target).parent().removeClass("nope");
$(e.target).parent().addClass("correct");
}else{
// 비밀번호 확인 맞을때
$(e.target).parent().removeClass("correct");
$(e.target).parent().addClass("nope");
}
},
submit(e) {
e.preventDefault();
//기존 비밀번호 확인하지 않은 경우
if(!this.AGREE_PW){
kuls_alert("기존 비밀번호를 확인해주세요");
return false;
}
//변경할 비밀번호와 비밀번호 재확인 || 새 비밀번호 빈 경우 || 비밀번호 확인란이 빈 경우
if(this.NEW_PW !== this.NEW_PW_CHECK ||this.NEW_PW ===""|| this.NEW_PW_CHECK ===""){
kuls_alert("변경할 비밀번호를 확인해주세요");
return false;
}
ajax_json({
url: "../inc/common.ajax.php",
data: {mode: "changePassword", member_auth: this.NEW_PW},
success: (data) => {
if (data.code == 1) {
kuls_success("변경되었습니다.");
this.modal.delete();
} else {
kuls_alert(data.mesg);
}
},
error: function (request, status, error) {
kuls_alert(error.message);
},
complete: function () {
}
})
}
},
}).mount("#popup_PW");
}
}
document.querySelector(".pw-change").addEventListener("click", (e) => {
vnLoad("", "/ksvc/inc/popPasswords.php", "", (loadHtml) => {
const modal = kuls_modal(loadHtml);
const popPWVue = new PopPWVueClass();
popPWVue.init(modal);
});
});