[JavaScript] 유효성 검사

유효성 검사

   : 로그인이나 회원가입을 할 때 보면, 아이디와 비밀번호를 입력할 때 지켜야하는 조건들이 있다.

       '비밀번호는 영문자와 숫자, 특수문자를 포함하여 8~15자 이내로 입력하세요', '아이디는 숫자만으로는

       입력할 수 없습니다' 등등.

       이때 사용자가 값을 입력하면 유효성 검사를 통해 한 글자씩 조건에 맞는지 확인한다.

       만약 조건에 맞지 않으면 기본 이벤트가 실행되지 않도록 한다.

 

 

 

 

정규표현식을 통한 유효성 검사

  - 정규표현식 틀 : //

  - 시작: ^ , 끝: $

  - 조건 정할 때: []

  - a-z: 소문자 a부터 z까지

  - A-Z: 대문자 A부터 Z까지

  - 0-9: 숫자 0부터 9까지

  - 글자 수 n글자부터 m글자 이하까지: {n, m}

 

var regExp = /^[a-zA-Z0-9]{5,12}$/;  // 영문 대소문자, 숫자 포함하여 5~12자 이내 시작,끝

if(!regExp.test(userId)) {
    alert("아이디가 잘못 입렸됐습니다.");
    document.getElementById("userId").select(); 
    return false;
}
// 비밀번호와 비밀번호 확인이 일치하는지 검사
if(userPw != userPwChk){
    alert("입력하신 비밀번호와 일치하지 않습니다.");
    return false;
}