[JavaScript] 회원가입 정규표현식으로 체크하기(Feat. 아이디 & 비밀번호)

 주석 처리해둔 조건에 따라 입력값의 조건 충족 여부를 if문을 통해 검증한다. 

 정규식의 test() 메서드를 활용하면 주어진 문자열이 정규 표현식 내 조건 충족 여부에 따라 boolean 값을 반환한다. 이를 통해 길이까지 조건에 어긋나지 않는다면 통과되고 아니라면 통과하지 못하는 식으로 구현했다.

/* ID */
// O: 영소문자 X: 영대문자, 특수문자, 한글
const checkId = (id, type) => {
  // 정규식
  const regex = /^[a-z0-9]+$/g;
  const result = regex.test(id);
  id = String(id);

  // result가 false or id 길이 6 이하 or id 길이 20 이상이라면?
  if (result && id.length >= 6 && id.length <= 20) {
    console.log('id결과:', `(${type}) id 통과!`);
  } else {
    console.log(
      'id결과:',
      `(${type}) 아이디는 영소문자 및 숫자만 포함, 길이는 6자 이상 20자 이하로 작성해주세요`
    );
  }
};

/* PW */
// O: 영대소문자, 숫자 X: 특수문자, 한글
const checkPwd = (pwd, type) => {
  const regex = /^[A-Za-z0-9]+$/g;
  const result = regex.test(pwd);
  pwd = String(pwd);

  // result가 false or id 길이 8 이하 or id 길이 20 이상이라면?
  if (result && pwd.length >= 8 && pwd.length <= 20) {
    console.log('Pwd결과:', `(${type}) 비밀번호 통과!`);
  } else {
    console.log(
      'Pwd결과:',
      `(${type}) 비밀번호는 영대소문자 및 숫자만 포함, 길이는 8자 이상 20자 이하로 작성해주세요`
    );
  }
};