[JavaScript] 자바스크립트 정규표현식 아이디 체크 (첫글자영문+영문+숫자)

자바스크립트로 아이디 체크 로직을 개발 할 일이 있어 개발 후 남겨봅니다.

 

공감 버튼 클릭해주세요!!

 

<p>
    <input id="ipbId" name="ID" type="text" maxlength="10"
            onkeyup="this.value=this.value.replace(/[^A-Za-z0-9]/g,'');" />
    <span id="btnIdChk">중복확인</span><br>
    <em id="textIdMsg"></em><br/><br/>

영문, 숫자 조합 8자~10자리

</p>

 

function checkIdCombinationEngAndNum(ipbID, ipbIDText) {

    var retVal = false;
    var vId = ipbID.val();

 

if (vId.length < 8 || vId.length > 10) {
    ipbIDText.css("color", "red");
    ipbIDText.text("아이디는 8자 이상, 10자 이하여야합니다.");
}

else if (/[^a-z0-9]+|^([a-z]+|[0-9]+)$/i.test(vId)) {
    ipbIDText.css("color", "red");
    ipbIDText.text("아이디는 영문, 숫자 조합으로 구성하여야합니다.");
}

else if (/^[^a-z]|[^a-z0-9]+|^([a-z]+|[0-9]+)$/i.test(vId)) {
    ipbIDText.css("color", "red");
    ipbIDText.text("아이디의 첫글자는 영문이여야합니다.");
}

else {
    retVal = true;
}

return retVal;

}