Web/Javascript

[Javascript] 정규식 사용 아이디 유효성 검사

roundfigure 2021. 1. 19. 13:55

 

아이디나 비밀번호 유효성 검사할때 jQuery 정규식 표현을 사용하여 유효성을 검사 할 수 있다 

 

자주쓰는 정규표현식

숫자만 입력 가능 : /[^0-9]$/

^는 문자의 시작 부분에 대응하여 $는 끝 부분과 대응하여 숫자만 입력 했는지 검사할 수 있다

 

한글만 입력가능 : /[^가-힣]$/

 

영어만 입력 가능 :  /[^a-zA-Z]$/

a-z는 소문자 A-Z는 대문자를 의미하며 소문자와 대문자만 있는지 검사할 수 있다

 

아이디 유효성 검사 예시

function fn_validateId(str) 
{
    var id = str;
    
    //특수문자가 있는지 확인
    var spe = id.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
    // 한글이 있는지 확인
    var korean = id.search(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/gi); 

    if ((id.length < 6) || (id.length > 20)) {
      alert("아이디를 6자리 ~ 20자리 이내로 입력해주세요.");
      $("#alertIdValidate").show();
      return false;
    }
    if (id.search(/₩s/) != -1) {
      alert("아이디는 공백없이 입력해주세요.");
      return false;
    }
    if (spe > 0 || korean > 0) {
      alert("아이디는 영문,숫자만 입력해주세요.");
      return false;
    }

    return true;
}