#719 id 신천화면 필수값 수정

src/components/auth/Join.jsx

@@ -23,7 +23,9 @@ export default function Join() {
   const addrRef = useRef()
   const telNoRef = useRef()
   const faxRef = useRef()
+  const bizNoRef = useRef()
   const userNmRef = useRef()
+  const userNmKanaRef = useRef()
   const userIdRef = useRef()
   const emailRef = useRef()
   const userTelNoRef = useRef()
@@ -71,11 +73,10 @@ export default function Join() {
       return false
     }
 
-    // 판매대리점 정보 - FAX 번호
+    const bizNo = formData.get('bizNo')
-    const fax = formData.get('fax')
+    if (!isObjectNotEmpty(bizNo)) {
-    if (!isObjectNotEmpty(fax)) {
+      alert(getMessage('common.message.required.data', [getMessage('join.sub1.bizNo')]))
-      alert(getMessage('common.message.required.data', [getMessage('join.sub1.fax')]))
+      bizNoRef.current.focus()
-      faxRef.current.focus()
       return false
     }
 
@@ -87,6 +88,14 @@ export default function Join() {
       return false
     }
 
+    // 담당자 정보 - 담당자명 후리가나
+    const userNmKana = formData.get('userNmKana')
+    if (!isObjectNotEmpty(userNmKana)) {
+      alert(getMessage('common.message.required.data', [getMessage('join.sub2.userNmKana')]))
+      userNmKanaRef.current.focus()
+      return false
+    }
+
     // 담당자 정보 - 신청 ID
     const userId = formData.get('userId')
     if (!isObjectNotEmpty(userId)) {
@@ -120,13 +129,6 @@ export default function Join() {
       return false
     }
 
-    // 담당자 정보 - FAX 번호
-    const userFax = formData.get('userFax')
-    if (!isObjectNotEmpty(userFax)) {
-      alert(getMessage('common.message.required.data', [getMessage('join.sub2.fax')]))
-      userFaxRef.current.focus()
-      return false
-    }
     return true
   }
 
@@ -285,9 +287,8 @@ export default function Join() {
                             id="telNo"
                             name="telNo"
                             className="input-light"
-                            placeholder={getMessage('join.sub1.telNo_placeholder')}
                             maxLength={15}
-                            onChange={inputTelNumberCheck}
+                            onChange={inputNumberCheck}
                             ref={telNoRef}
                           />
                         </div>
@@ -295,30 +296,29 @@ export default function Join() {
                     </tr>
                     {/* FAX 번호 */}
                     <tr>
-                      <th>
+                      <th>{getMessage('join.sub1.fax')}</th>
-                        {getMessage('join.sub1.fax')} <span className="important">*</span>
-                      </th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
-                          <input
+                          <input type="text" id="fax" name="fax" className="input-light" maxLength={15} onChange={inputNumberCheck} ref={faxRef} />
-                            type="text"
-                            id="fax"
-                            name="fax"
-                            className="input-light"
-                            placeholder={getMessage('join.sub1.fax_placeholder')}
-                            maxLength={15}
-                            onChange={inputTelNumberCheck}
-                            ref={faxRef}
-                          />
                         </div>
                       </td>
                     </tr>
                     {/* 법인번호 */}
                     <tr>
-                      <th>{getMessage('join.sub1.bizNo')}</th>
+                      <th>
+                        {getMessage('join.sub1.bizNo')} <span className="important">*</span>
+                      </th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
-                          <input type="text" id="bizNo" name="bizNo" className="input-light" maxLength={15} onChange={inputTelNumberCheck} />
+                          <input
+                            type="text"
+                            id="bizNo"
+                            name="bizNo"
+                            className="input-light"
+                            maxLength={15}
+                            onChange={inputNumberCheck}
+                            ref={bizNoRef}
+                          />
                         </div>
                       </td>
                     </tr>
@@ -354,10 +354,12 @@ export default function Join() {
                     </tr>
                     {/* 담당자명 후리가나 */}
                     <tr>
-                      <th>{getMessage('join.sub2.userNmKana')}</th>
+                      <th>
+                        {getMessage('join.sub2.userNmKana')} <span className="important">*</span>
+                      </th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
-                          <input type="text" id="userNmKana" name="userNmKana" maxLength={20} className="input-light" />
+                          <input type="text" id="userNmKana" name="userNmKana" maxLength={20} className="input-light" ref={userNmKanaRef} />
                         </div>
                       </td>
                     </tr>
@@ -395,9 +397,8 @@ export default function Join() {
                             id="userTelNo"
                             name="userTelNo"
                             className="input-light"
-                            placeholder={getMessage('join.sub2.telNo_placeholder')}
                             maxLength={15}
-                            onChange={inputTelNumberCheck}
+                            onChange={inputNumberCheck}
                             ref={userTelNoRef}
                           />
                         </div>
@@ -405,9 +406,7 @@ export default function Join() {
                     </tr>
                     {/* FAX 번호 */}
                     <tr>
-                      <th>
+                      <th>{getMessage('join.sub2.fax')}</th>
-                        {getMessage('join.sub2.fax')} <span className="important">*</span>
-                      </th>
                       <td>
                         <div className="input-wrap" style={{ width: '200px' }}>
                           <input
@@ -415,9 +414,8 @@ export default function Join() {
                             id="userFax"
                             name="userFax"
                             className="input-light"
-                            placeholder={getMessage('join.sub1.fax_placeholder')}
                             maxLength={15}
-                            onChange={inputTelNumberCheck}
+                            onChange={inputNumberCheck}
                             ref={userFaxRef}
                           />
                         </div>