Skip to content
이메일 입력 :
이메일 입력 영역 / 인증번호 받기 버튼인증번호 입력 :
인증번호 입력 영역 / 확인 버튼
포커스 아웃 시 즉시 밸리데이션 검사이미 등록된 이메일 경우 입력하는 순간 즉시 밸리데이션 메시지 노출
Local Part : 최대 1~64자Domain Part : 최대 1~254자단, 각 label 은 최대 63자최대 255자 제한
이메일 입력 밸리데이션 미통과인증번호 받기 버튼 비활성화이메일 입력 밸리데이션 통콰인증번호를 발송했습니다. 모달과 함께 인증번호 입력 영역 추가 오픈
이메일을 잘못 입력해서 수정이 필요할 경우초기화 버튼 제공해야 함.인증번호 유효시간 지났을 경우인증번호 재전송 버튼 제공해야 함.
이메일 인증
플레이스홀더
이메일을 입력해주세요.
고려사항
타인의 이메일이 탈취되지 않도록 인증 시스템이 있어야 함.
하루 최대 인증 횟수 제한 있어야 함.
구조
예시
입력 정책 - 이메일 입력 영역
구분
규칙
밸리데이션 메세지
비고
미입력
-
이메일을 입력해주세요.
최대 입력 제한
-
입력 불가하도록 최대 입력 제한
허용 가능한 문자열
영문 소문자, 특수기호(-, _, ., +, @)
이메일이 유효하지 않습니다.
공백
입력 불가
영문 소문자, 특수문자(-, _, ., +, @)를 사용하여 입력해주세요.
앞/뒤 공백 입력 시 Trim
중복 등록 불가
이미 등록된 이메일 입력
이미 등록된 이메일입니다.
There are no rows in this table
작동 정책 - 인증번호 받기 버튼
입력 정책 - 인증번호 입력 영역
구분
규칙
밸리데이션 메세지
비고
미입력
-
인증번호를 입력해주세요.
최대 입력 제한
인증번호 최대 길이
-
입력 불가하도록 최대 입력 제한
허용 가능한 문자열
인증문자 문자열 타입에 따라(ex. 숫자만 가능 시)
-
숫자만 입력 가능하도록 입력 제한 적용
공백
입력 불가
-
정합성
일치하지 않는 인증번호 입력
인증번호가 일치하지 않습니다.
There are no rows in this table
고려해야 하는 케이스
예시 프로세스
이메일 인증 프로세스
이메일 인증
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.