if-else 여러 조건문 문제

Question

안녕하세요중복된 아이디 체크 완료, 등록 가능한 아이디 체크 완료, 빈칸이면 출력하는 메세제 출력 완료 인데유효성 검사를 통해서 아이디에 한글이 들어 갔을 때 '아이디는 4~12자의 영문 대소문자, 숫자를 사용하세요' 가 나와야 하는데 안나오고 빈칸일 때와 같은 메세지를 출력하고 있습니다. if-else 조건문 부분이 문제인 것 같습니다.aaaa는 중복된 아이디가 맞습니다. 중복된 아이디 체크 완료등록 가능한 아이디 메세지 출력 완료아이디에 빈칸이면 출력하는 메세지 출력 완료아이디 중복 여부, 등록 가능한 아이디, 빈칸일 때, if-else문 아래 아이디 유효성 검사가 되지 않고 있습니다.$(function(){var Id_RegExp &#61; /^[a-zA-Z0-9]{4,12}$/; // 아이디 유효성 검사 정규식var Pw_RegExp &#61; /^[a-zA-Z0-9]{8,16}$/; // 비밀번호 유효성 검사 정규식(한글제외특수문자포함)var objId &#61; document.getElementById(&#34;memberId&#34;); // 아이디$('#memberId').blur(function() {var memberId &#61; $('#memberId').val();console.log(&#34;memberId :: &#34;&#43;memberId);if(Id_RegExp.test($(this).val()) !&#61; 'undefined' && Id_RegExp.test($(this).val()) !&#61; null && Id_RegExp.test($(this).val()) !&#61; ''){var request &#61; $.ajax({url: '/team03/companymanagement/member/idCheck',method: 'POST',data: { 'memberId' : memberId },});request.done(function(data) {console.log(data);console.log(typeof data);var idConfirm &#61; data;console.log(&#34;idConfirm : &#34; , idConfirm);if(idConfirm &#61;&#61; true){$('#idMsg').text('중복된 아이디입니다.');} else if(Id_RegExp.test($('#memberId').val())) {$('#idMsg').text('등록이 가능한 아이디입니다.');$('#idMsg').css('color','#00DEE0');} else {$('#idMsg').text('아이디는 4~12자의 영문 대소문자, 숫자를 사용하세요');}});request.fail(function( jqXHR, textStatus ) {alert( &#34;Request failed: &#34; &#43; textStatus );});} else{$('#idMsg').text('아이디를 입력해주세요. 필수 정보 입니다.');}});});감사합니다.

shintwl · Answer

브레이크포인트 찍어서 확인하면 금방 나올 것 같습니다이참에 디버깅 방법도 배워보세요

가보자잇잇 · Answer

else if보다 하나씩 if문 거는게 잘 나오더라구요

mirheeoj · Answer

위 로직을 간소화하면 이렇습니다. if(testResult != 'undefined' && testResult != null && testResult != '' ) { if (testResult) { console.log("등록 가능하지롱"); } else { console.log("아 손님 가입할땐 4~12자의 영문 대소문자, 숫자 이용해주세요"); } } else { console.log("여기에 아이디 입력"); }문제점1: testResult != '' 의 값이 string.test()의 리턴값이 false일때도 걸러집니다. '' 가 false로 취급되거든요.문제점2: 공백문자 테스트가 빠져 있습니다.위를 보완한 루틴은 아래와 같이 나옵니다.function isEmptyOrSpaces(str) { return str === null || str.match(/^ *$/) !== null; } function IdRegExCheck(idToTest) { var Id_RegExp = /^[a-zA-Z0-9]{4,12}$/; // 아이디 유효성 검사 정규식 var testResult = Id_RegExp.test(idToTest); console.log("["+idToTest+"] is being checked.:"); if(!isEmptyOrSpaces(idToTest) && testResult != 'undefined' && testResult != null /* && testResult != ''*/ ) { if (testResult) { console.log("등록 가능하지롱"); } else { console.log("아 손님 가입할땐 4~12자의 영문 대소문자, 숫자 이용해주세요"); } } else { console.log("여기에 아이디 입력"); } } var memberId1 = "test"; // OK var memberId2 = "1234te1234st1234"; // OK var memberId3 = ""; // var memberId4 = " "; // var memberId5 = " abcdefdfe "; // var memberId6 = "te1234st1234"; // OK var memberId7 = "마이마이"; // Not OK var memberId8 = " 마이마이1234 553 "; // Not OK IdRegExCheck(memberId1); IdRegExCheck(memberId2); IdRegExCheck(memberId3); IdRegExCheck(memberId4); IdRegExCheck(memberId5); IdRegExCheck(memberId6); IdRegExCheck(memberId7); IdRegExCheck(memberId8);결과값:[test] is being checked.: 등록 가능하지롱 [1234te1234st1234] is being checked.: 아 손님 가입할땐 4~12자의 영문 대소문자, 숫자 이용해주세요 [] is being checked.: 여기에 아이디 입력 [ ] is being checked.: 여기에 아이디 입력 [ abcdefdfe ] is being checked.: 아 손님 가입할땐 4~12자의 영문 대소문자, 숫자 이용해주세요 [te1234st1234] is being checked.: 등록 가능하지롱 [마이마이] is being checked.: 아 손님 가입할땐 4~12자의 영문 대소문자, 숫자 이용해주세요 [ 마이마이1234 553 ] is being checked.: 아 손님 가입할땐 4~12자의 영문 대소문자, 숫자 이용해주세요

if-else 여러 조건문 문제

3개의 답변

Q&A 목록