Commit @44bcfcf3ee510e4f086f273da073d6146ece342d

류윤주 07-23

240723 류윤주 회원가입 필수값 aria 설정

@44bcfcf3ee510e4f086f273da073d6146ece342d

0447232

44bcfcf

client/views/pages/user/join/Join.vue

--- client/views/pages/user/join/Join.vue

+++ client/views/pages/user/join/Join.vue


                                                 <div class="flex justify-start align-center">
                                                     <div class="gd-6 pl0">
                                                         <input type="text" class="full-input" placeholder="아이디를 입력하세요."
-                                                            v-model="user_info.lgnId" id="panel2" autocomplete='off'/>
+                                                            v-model="user_info.lgnId" id="panel2" autocomplete='off' aria-required="true" />
                                                     </div>
                                                     <div class="gd-2 pl0 pr0">
                                                         <button class="large-btn blue-border-btn"  title="중복확인"

                                                     <p class="small-text">영문, 숫자, 특수문자 조합된 6~20자리</p>
                                                 </div>
                                                 <input type="password" class="full-input" placeholder="비밀번호를 입력하세요."
-                                                    v-model="user_info.mbrEncptPswd" id="user_pw" autocomplete='off' />
+                                                    v-model="user_info.mbrEncptPswd" id="user_pw" autocomplete='off' aria-required="true" />
                                             </div>
                                         </td>
                                     </tr>

                                                 </div>
                                                 <input type="password" class="full-input"
                                                     placeholder="비밀번호를 한번 더 입력하세요." v-model="user_info.user_pw_check"
-                                                    id="user_pw_check" autocomplete='off' />
+                                                    id="user_pw_check" autocomplete='off' aria-required="true" />
                                             </div>
                                         </td>
                                     </tr>

                                                 <div class="gd-5 pl0 pt10 pb10">
                                                     <label for="user_nm" class="form-title mb16">이름</label>
                                                     <input type="text" class="full-input" placeholder="이름을 입력하세요."
-                                                        v-model="user_info.mbrEncptFlnm" id="user_nm" readonly disabled>
+                                                        v-model="user_info.mbrEncptFlnm" id="user_nm" readonly disabled />
                                                 </div>
                                                 <div class="gd-5 pl0 pr0 pt10 pb10" v-show="userActive !== 1">
                                                     <label for="mbr_jbgd" class="fw-bold mb16">직위(직급)</label>
                                                     <input type="text" class="full-input" placeholder="직급을 입력하세요."
-                                                        v-model="user_info.mbrJbgdNm" id="mbr_jbgd">
+                                                        v-model="user_info.mbrJbgdNm" id="mbr_jbgd" />
                                                 </div>
                                             </div>
                                         </td>

                                                 <div class="flex justify-start">
                                                     <div class="gd-2 pl0 pr0">
                                                         <input type="text" class="full-input" id="email_id" v-model="email_id"
-                                                            autocomplete='off' />
+                                                            autocomplete='off' aria-required="true" />
                                                     </div>
                                                     <div class="pd10">@</div>
                                                     <div class="gd-2 pl0 pr0">
                                                         <label for="email_dns" class="visually-hidden">이메일 도메인자리</label>
                                                         <input type="text" class="full-input" v-model="email_dns" id="email_dns"
-                                                            autocomplete='off' />
+                                                            autocomplete='off' aria-required="true"  />
                                                     </div>
                                                     <div class="gd-2">
                                                         <label for="email" class="visually-hidden">이메일 주소</label>

                                                 </div>
                                                 <div class="gd-6 pl0">
                                                     <input type="text" class="full-input" placeholder="기업명을 입력하세요."
-                                                        v-model="ent_info.entNm" id="ent_nm" autocomplete='off' />
+                                                        v-model="ent_info.entNm" id="ent_nm" autocomplete='off' aria-required="true" />
                                                 </div>
                                             </div>
                                         </td>

                                                     <div class="gd-6 pl0">
                                                         <input type="text" class="full-input"
                                                             placeholder="사업자등록번호를 숫자만 입력해주세요." v-model="ent_info.brno"
-                                                            id="brno" autocomplete='off' />
+                                                            id="brno" autocomplete='off' aria-required="true" />
                                                     </div>
                                                     <div class="gd-2 pl0 pr0">
                                                         <button class="large-btn blue-border-btn"  title="사업자등록번호 확인"

                                                 <div class="gd-4 pl0 pr0">
                                                     <label for="ent_daddr" class="visually-hidden">상세주소</label>
                                                     <input type="text" class="full-input" placeholder="상세주소"
-                                                        v-model="ent_info.entDaddr" id="ent_daddr" autocomplete='off' />
+                                                        v-model="ent_info.entDaddr" id="ent_daddr" autocomplete='off' aria-required="true" />
                                                 </div>
                                             </div>
                                         </td>

                                                     <label for="hmpg_url" class="form-title ">홈페이지</label>
                                                 </div>
                                                 <input type="text" class="full-input" placeholder="홈페이지를 입력해주세요."
-                                                    v-model="ent_info.hmpUrl" id="hmpg_url" autocomplete='off' />
+                                                    v-model="ent_info.hmpUrl" id="hmpg_url" autocomplete='off' aria-required="true" />
                                             </div>
                                         </td>
                                     </tr>

                                                     <div class="gd-2 pl0 pr0">
                                                         <label for="ent_tel2" class="visually-hidden">대표전화 두번째자리</label>
                                                         <input type="text" class="full-input" v-model="ent_tel2"
-                                                            id="ent_tel2" autocomplete='off' />
+                                                            id="ent_tel2" autocomplete='off' aria-required="true" />
                                                     </div>
                                                     <div class="pd10">-</div>
                                                     <div class="gd-2 pl0 pr0">
                                                         <label for="ent_tel3" class="visually-hidden">대표전화 세번째자리</label>
                                                         <input type="text" class="full-input" v-model="ent_tel3"
-                                                            id="ent_tel3" autocomplete='off' />
+                                                            id="ent_tel3" autocomplete='off' aria-required="true" />
                                                     </div>
                                                 </div>
                                             </div>

                                                         </div>
                                                     </div> -->
                                                     <div v-for="(item, index) in ctgryCdList" :key="index"
-                                                        class="gd-2 pl0">
+                                                        class="gd-2 pl0" role="group">
                                                         <input type="radio" :name="`first_info_${index}`"
                                                             :id="item.cdId" :value="item.cdId"
-                                                            v-model="ent_info.entSeNm" />
+                                                            v-model="ent_info.entSeNm"  />
                                                         <label :for="item.cdId" class="ml10">{{ item.cdNm }}</label>
                                                     </div>
                                                 </div>

                         <p class="mr30" style="font-weight: 700;">신규 기업 등록 시 유의 사항 문구를 확인했습니까?</p>
                         <div class="flex justify-start align-center">
                             <label for="noticeCheck" class="block mr5">예</label>
-                            <input type="checkbox" name="noticeCheck" id="noticeCheck" v-model="noticeCheck" />
+                            <input type="checkbox" name="noticeCheck" id="noticeCheck" v-model="noticeCheck" aria-required="true" />
                         </div>
                     </div>
                 </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -192,7 +192,7 @@
192	192	<div class="flex justify-start align-center">
193	193	<div class="gd-6 pl0">
194	194	<input type="text" class="full-input" placeholder="아이디를 입력하세요."
195		- v-model="user_info.lgnId" id="panel2" autocomplete='off'/>
	195	+ v-model="user_info.lgnId" id="panel2" autocomplete='off' aria-required="true" />
196	196	</div>
197	197	<div class="gd-2 pl0 pr0">
198	198	<button class="large-btn blue-border-btn" title="중복확인"
...	...	@@ -210,7 +210,7 @@
210	210	<p class="small-text">영문, 숫자, 특수문자 조합된 6~20자리</p>
211	211	</div>
212	212	<input type="password" class="full-input" placeholder="비밀번호를 입력하세요."
213		- v-model="user_info.mbrEncptPswd" id="user_pw" autocomplete='off' />
	213	+ v-model="user_info.mbrEncptPswd" id="user_pw" autocomplete='off' aria-required="true" />
214	214	</div>
215	215	</td>
216	216	</tr>
...	...	@@ -231,7 +231,7 @@
231	231	</div>
232	232	<input type="password" class="full-input"
233	233	placeholder="비밀번호를 한번 더 입력하세요." v-model="user_info.user_pw_check"
234		- id="user_pw_check" autocomplete='off' />
	234	+ id="user_pw_check" autocomplete='off' aria-required="true" />
235	235	</div>
236	236	</td>
237	237	</tr>
...	...	@@ -241,12 +241,12 @@
241	241	<div class="gd-5 pl0 pt10 pb10">
242	242	<label for="user_nm" class="form-title mb16">이름</label>
243	243	<input type="text" class="full-input" placeholder="이름을 입력하세요."
244		- v-model="user_info.mbrEncptFlnm" id="user_nm" readonly disabled>
	244	+ v-model="user_info.mbrEncptFlnm" id="user_nm" readonly disabled />
245	245	</div>
246	246	<div class="gd-5 pl0 pr0 pt10 pb10" v-show="userActive !== 1">
247	247	<label for="mbr_jbgd" class="fw-bold mb16">직위(직급)</label>
248	248	<input type="text" class="full-input" placeholder="직급을 입력하세요."
249		- v-model="user_info.mbrJbgdNm" id="mbr_jbgd">
	249	+ v-model="user_info.mbrJbgdNm" id="mbr_jbgd" />
250	250	</div>
251	251	</div>
252	252	</td>
...	...	@@ -283,13 +283,13 @@
283	283	<div class="flex justify-start">
284	284	<div class="gd-2 pl0 pr0">
285	285	<input type="text" class="full-input" id="email_id" v-model="email_id"
286		- autocomplete='off' />
	286	+ autocomplete='off' aria-required="true" />
287	287	</div>
288	288	<div class="pd10">@</div>
289	289	<div class="gd-2 pl0 pr0">
290	290	<label for="email_dns" class="visually-hidden">이메일 도메인자리</label>
291	291	<input type="text" class="full-input" v-model="email_dns" id="email_dns"
292		- autocomplete='off' />
	292	+ autocomplete='off' aria-required="true" />
293	293	</div>
294	294	<div class="gd-2">
295	295	<label for="email" class="visually-hidden">이메일 주소</label>
...	...	@@ -379,7 +379,7 @@
379	379	</div>
380	380	<div class="gd-6 pl0">
381	381	<input type="text" class="full-input" placeholder="기업명을 입력하세요."
382		- v-model="ent_info.entNm" id="ent_nm" autocomplete='off' />
	382	+ v-model="ent_info.entNm" id="ent_nm" autocomplete='off' aria-required="true" />
383	383	</div>
384	384	</div>
385	385	</td>
...	...	@@ -394,7 +394,7 @@
394	394	<div class="gd-6 pl0">
395	395	<input type="text" class="full-input"
396	396	placeholder="사업자등록번호를 숫자만 입력해주세요." v-model="ent_info.brno"
397		- id="brno" autocomplete='off' />
	397	+ id="brno" autocomplete='off' aria-required="true" />
398	398	</div>
399	399	<div class="gd-2 pl0 pr0">
400	400	<button class="large-btn blue-border-btn" title="사업자등록번호 확인"
...	...	@@ -442,7 +442,7 @@
442	442	<div class="gd-4 pl0 pr0">
443	443	<label for="ent_daddr" class="visually-hidden">상세주소</label>
444	444	<input type="text" class="full-input" placeholder="상세주소"
445		- v-model="ent_info.entDaddr" id="ent_daddr" autocomplete='off' />
	445	+ v-model="ent_info.entDaddr" id="ent_daddr" autocomplete='off' aria-required="true" />
446	446	</div>
447	447	</div>
448	448	</td>
...	...	@@ -454,7 +454,7 @@
454	454	<label for="hmpg_url" class="form-title ">홈페이지</label>
455	455	</div>
456	456	<input type="text" class="full-input" placeholder="홈페이지를 입력해주세요."
457		- v-model="ent_info.hmpUrl" id="hmpg_url" autocomplete='off' />
	457	+ v-model="ent_info.hmpUrl" id="hmpg_url" autocomplete='off' aria-required="true" />
458	458	</div>
459	459	</td>
460	460	</tr>
...	...	@@ -491,13 +491,13 @@
491	491	<div class="gd-2 pl0 pr0">
492	492	<label for="ent_tel2" class="visually-hidden">대표전화 두번째자리</label>
493	493	<input type="text" class="full-input" v-model="ent_tel2"
494		- id="ent_tel2" autocomplete='off' />
	494	+ id="ent_tel2" autocomplete='off' aria-required="true" />
495	495	</div>
496	496	<div class="pd10">-</div>
497	497	<div class="gd-2 pl0 pr0">
498	498	<label for="ent_tel3" class="visually-hidden">대표전화 세번째자리</label>
499	499	<input type="text" class="full-input" v-model="ent_tel3"
500		- id="ent_tel3" autocomplete='off' />
	500	+ id="ent_tel3" autocomplete='off' aria-required="true" />
501	501	</div>
502	502	</div>
503	503	</div>
...	...	@@ -525,10 +525,10 @@
525	525	</div>
526	526	</div> -->
527	527	<div v-for="(item, index) in ctgryCdList" :key="index"
528		- class="gd-2 pl0">
	528	+ class="gd-2 pl0" role="group">
529	529	<input type="radio" :name="`first_info_${index}`"
530	530	:id="item.cdId" :value="item.cdId"
531		- v-model="ent_info.entSeNm" />
	531	+ v-model="ent_info.entSeNm" />
532	532	<label :for="item.cdId" class="ml10">{{ item.cdNm }}</label>
533	533	</div>
534	534	</div>
...	...	@@ -686,7 +686,7 @@
686	686	<p class="mr30" style="font-weight: 700;">신규 기업 등록 시 유의 사항 문구를 확인했습니까?</p>
687	687	<div class="flex justify-start align-center">
688	688	<label for="noticeCheck" class="block mr5">예</label>
689		- <input type="checkbox" name="noticeCheck" id="noticeCheck" v-model="noticeCheck" />
	689	+ <input type="checkbox" name="noticeCheck" id="noticeCheck" v-model="noticeCheck" aria-required="true" />
690	690	</div>
691	691	</div>
692	692	</div>

Delete comment