React 이메일 형식 체크

React에서 이메일 아이디 형식을 체크하는 정규식 코드는 다음과 같습니다.

const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

// 이메일 유효성 검사 함수
const validateEmail = (email) => {
  return emailRegex.test(email);
}

// 사용 예시
const email = "example@example.com";
const isValidEmail = validateEmail(email);
if (isValidEmail) {
  console.log("올바른 이메일 형식입니다.");
} else {
  console.log("잘못된 이메일 형식입니다.");
}

위 코드에서 emailRegex는 이메일 주소의 형식을 나타내는 정규식입니다. 정규식은 /.../으로 묶여 있으며, ^는 문자열의 시작을 나타내고, $는 문자열의 끝을 나타냅니다. [^\s@]+는 공백이나 @가 아닌 문자열이 1개 이상 있는 것을 의미하고, \.. 문자를 나타냅니다.

위 코드에서 validateEmail 함수는 이메일 주소가 유효한지 검사합니다. test 함수를 사용하여 emailRegex와 일치하는지 확인합니다. isValidEmail 변수에 결과를 저장하고, 이를 사용하여 이메일 주소의 유효성을 판단할 수 있습니다.


날짜:

카테고리:

태그: