Commit @2aa7ccdebf05355261a55cd1a24260c3d4be68c3

하관우 04-09

2025-04-09 하관우 신규등록시 비밀번호 input나오고 선택시 사라지기기

@2aa7ccdebf05355261a55cd1a24260c3d4be68c3

ff08ace

2aa7ccd

client/views/pages/member/MemberManagement.vue

--- client/views/pages/member/MemberManagement.vue

+++ client/views/pages/member/MemberManagement.vue


                             <input type="text" id="id" v-model="loginId" :readonly="isNewInsert">
                         </dd>
                         <div class="hr"></div>
-                        <dd>
-                            <label for="pw" class="require">비밀번호</label>
-                            <input type="password" id="pw" v-model="password" :disabled="isNewInsert"
-                                :placeholder="isNewInsert ? '' : '비밀번호를 입력하세요'" @input="validatePassword">
-                            <div class="invalid-feedback border" v-if="!isPasswordValid && password !== null">
-                                <img :src="erroricon" alt="">
-                                <span>영문, 숫자, 특수문자를 최소 한 가지씩 조합하고 9자 이상 ~ 20자 이내로 입력해주세요.</span>
-                            </div>
-                        </dd>
-                        <div class="hr"></div>
-                        <dd>
-                            <label for="pwcheck" class="require">비밀번호 확인</label>
-                            <input type="password" id="pwcheck" v-model="passwordCheck" :disabled="isNewInsert"
-                                :placeholder="isNewInsert ? '' : '비밀번호를 재입력하세요'">
-                            <div class="invalid-feedback border" v-if="passwordCheck !== null && !passwordsMatch">
-                                <img :src="erroricon" alt="">
-                                <span>비밀번호가 일치하지 않습니다.</span>
-                            </div>
-                        </dd>
-                        <div class="hr"></div>
+                        <template v-if="!newInsertCheck">
+                            <dd>
+                                <label for="pw" class="require">비밀번호</label>
+                                <input type="password" id="pw" v-model="password" :disabled="isNewInsert"
+                                    :placeholder="isNewInsert ? '' : '비밀번호를 입력하세요'" @input="validatePassword">
+                                <div class="invalid-feedback border" v-if="!isPasswordValid && password !== null">
+                                    <img :src="erroricon" alt="">
+                                    <span>영문, 숫자, 특수문자를 최소 한 가지씩 조합하고 9자 이상 ~ 20자 이내로 입력해주세요.</span>
+                                </div>
+                            </dd>
+                            <div class="hr"></div>
+                            <dd>
+                                <label for="pwcheck" class="require">비밀번호 확인</label>
+                                <input type="password" id="pwcheck" v-model="passwordCheck" :disabled="isNewInsert"
+                                    :placeholder="isNewInsert ? '' : '비밀번호를 재입력하세요'">
+                                <div class="invalid-feedback border" v-if="passwordCheck !== null && !passwordsMatch">
+                                    <img :src="erroricon" alt="">
+                                    <span>비밀번호가 일치하지 않습니다.</span>
+                                </div>
+                            </dd>
+                            <div class="hr"></div>
+                        </template>
                         <dd>
                             <label for="name" class="require">이름</label>
                             <input type="text" id="name" v-model="selectedUser.userNm">

         },
         //사용자 벨류데이션 체크
         isValidationUser() {
-            if(this.newInsertCheck){
-                return this.selectedUser.userNm == null || this.selectedUser.userNm == '' || this.loginId == null || this.loginId == '';   
-            }else{
-                return this.selectedUser.userNm == null || this.selectedUser.userNm == '' || this.loginId == null || this.loginId == '' || this.password == null || this.password == '';   
+            if (this.newInsertCheck) {
+                return this.selectedUser.userNm == null || this.selectedUser.userNm == '' || this.loginId == null || this.loginId == '';
+            } else {
+                return this.selectedUser.userNm == null || this.selectedUser.userNm == '' || this.loginId == null || this.loginId == '' || this.password == null || this.password == '';
             }
         },
         validatePassword() {

Add a comment

Open 0
Closed 0

List

...	...	@@ -79,26 +79,28 @@
79	79	<input type="text" id="id" v-model="loginId" :readonly="isNewInsert">
80	80	</dd>
81	81	<div class="hr"></div>
82		- <dd>
83		- <label for="pw" class="require">비밀번호</label>
84		- <input type="password" id="pw" v-model="password" :disabled="isNewInsert"
85		- :placeholder="isNewInsert ? '' : '비밀번호를 입력하세요'" @input="validatePassword">
86		- <div class="invalid-feedback border" v-if="!isPasswordValid && password !== null">
87		- <img :src="erroricon" alt="">
88		- <span>영문, 숫자, 특수문자를 최소 한 가지씩 조합하고 9자 이상 ~ 20자 이내로 입력해주세요.</span>
89		- </div>
90		- </dd>
91		- <div class="hr"></div>
92		- <dd>
93		- <label for="pwcheck" class="require">비밀번호 확인</label>
94		- <input type="password" id="pwcheck" v-model="passwordCheck" :disabled="isNewInsert"
95		- :placeholder="isNewInsert ? '' : '비밀번호를 재입력하세요'">
96		- <div class="invalid-feedback border" v-if="passwordCheck !== null && !passwordsMatch">
97		- <img :src="erroricon" alt="">
98		- <span>비밀번호가 일치하지 않습니다.</span>
99		- </div>
100		- </dd>
101		- <div class="hr"></div>
	82	+ <template v-if="!newInsertCheck">
	83	+ <dd>
	84	+ <label for="pw" class="require">비밀번호</label>
	85	+ <input type="password" id="pw" v-model="password" :disabled="isNewInsert"
	86	+ :placeholder="isNewInsert ? '' : '비밀번호를 입력하세요'" @input="validatePassword">
	87	+ <div class="invalid-feedback border" v-if="!isPasswordValid && password !== null">
	88	+ <img :src="erroricon" alt="">
	89	+ <span>영문, 숫자, 특수문자를 최소 한 가지씩 조합하고 9자 이상 ~ 20자 이내로 입력해주세요.</span>
	90	+ </div>
	91	+ </dd>
	92	+ <div class="hr"></div>
	93	+ <dd>
	94	+ <label for="pwcheck" class="require">비밀번호 확인</label>
	95	+ <input type="password" id="pwcheck" v-model="passwordCheck" :disabled="isNewInsert"
	96	+ :placeholder="isNewInsert ? '' : '비밀번호를 재입력하세요'">
	97	+ <div class="invalid-feedback border" v-if="passwordCheck !== null && !passwordsMatch">
	98	+ <img :src="erroricon" alt="">
	99	+ <span>비밀번호가 일치하지 않습니다.</span>
	100	+ </div>
	101	+ </dd>
	102	+ <div class="hr"></div>
	103	+ </template>
102	104	<dd>
103	105	<label for="name" class="require">이름</label>
104	106	<input type="text" id="name" v-model="selectedUser.userNm">
...	...	@@ -302,10 +304,10 @@
302	304	},
303	305	//사용자 벨류데이션 체크
304	306	isValidationUser() {
305		- if(this.newInsertCheck){
306		- return this.selectedUser.userNm == null \|\| this.selectedUser.userNm == '' \|\| this.loginId == null \|\| this.loginId == '';
307		- }else{
308		- return this.selectedUser.userNm == null \|\| this.selectedUser.userNm == '' \|\| this.loginId == null \|\| this.loginId == '' \|\| this.password == null \|\| this.password == '';
	307	+ if (this.newInsertCheck) {
	308	+ return this.selectedUser.userNm == null \|\| this.selectedUser.userNm == '' \|\| this.loginId == null \|\| this.loginId == '';
	309	+ } else {
	310	+ return this.selectedUser.userNm == null \|\| this.selectedUser.userNm == '' \|\| this.loginId == null \|\| this.loginId == '' \|\| this.password == null \|\| this.password == '';
309	311	}
310	312	},
311	313	validatePassword() {

Delete comment