지민 - iOS

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aeaeb3fa-5370-494a-96a5-ec78909d30b1/Simulator_Screen_Shot_-_iPhone_8_Plus_-_2018-03-27_at_08.34.32.png

샘

정규식을 통한 회원가입 유효성 검사 만들기 (ID)편

  1. 기본 아이디 검사 정규식 생성하기
/**
  * 아이디 정규식
  * default: 5~20자 영문소문자 & 숫자만
  */

const idRegex = /^[a-z0-9+]{5,20}$/g

export const checkId = id => {
  if(idRegex.test(id)) {
    return '가능한 아이디입니다.'
  } else {
    return '5~20자의 영문 소문자, 숫자만 사용 가능합니다.'
  }
}
  1. 네이버 회원가입 폼으로 아이디 검사 정규식 맞추기
/**
  * 아이디 정규식
  * Naver: 5~20자 영문소문자 & 숫자만 & 허용된 특수문자만(-,_)
  */

const idRegex = /^[a-z0-9-_]{5,20}$/g

export const checkId = id => {
  if(idRegex.test(id)) {
    return '가능한 아이디입니다.'
  } else {
    return '5~20자의 영문 소문자, 숫자와 특수기호(_),(-)만 사용 가능합니다.'
  }
}
  1. 아이디 자리 수를 유동적으로 맞출 수 있도록 바꾸어보자!
/**
  * 아이디 정규식
  * Naver: n~k자 영문소문자 & 숫자만 & 허용된 특수문자만(-,_)
  */

const idRegex = /^[a-z0-9-_]{0,}$/g

export const checkId = (id, n, k) => {
  if(idRegex.test(id)) {
		if(id.length < n) {
			return '아이디는 '+ n + '자 이상이어야 합니다.'
		} else if(id.length > k) {
			return '아이디는 '+ k + '자를 초과할 수 없습니다.'
		} else if(n < id.length && id.length < k) {
			return '가능한 아이디입니다.'
    }
  } else {
    return '5~20자의 영문 소문자, 숫자와 특수기호(_),(-)만 사용 가능합니다.'
  }
}

오늘은 여기까지 !

춘식

Defol