Skip to content
연락처 입력 :
연락처 입력 영역 / 인증번호 받기 버튼인증번호 입력 :
인증번호 입력 영역 / 확인 버튼
포커스 아웃 시 즉시 밸리데이션 검사이미 등록된 연락처일 경우 입력하는 순간 즉시 밸리데이션 메시지 노출
국내일 경우 11자 최대 재한초과 입력 시 입력 불가하도록 입력 제한 적용011 / 019 같은 옛날 번호 지원 여부 확인 필요입력 불가하도록 적용- 입력하지 않아도 인풋 포커스아웃 시 - 적용되어 노출되도록 적용
연락처 입력 밸리데이션 미통과인증번호 받기 버튼 비활성화연락처 입력 밸리데이션 통콰인증번호를 발송했습니다. 모달과 함께 인증번호 입력 영역 추가 오픈
연락처를 잘못 입력해서 수정이 필요할 경우초기화 버튼 제공해야 함.인증번호 유효시간 지났을 경우인증번호 재전송 버튼 제공해야 함.
연락처 인증
플레이스홀더
연락처를 입력해주세요.
고려사항
타인의 휴대폰 번호가 탈취되지 않도록 인증 시스템이 있어야 함.
하루 최대 인증 횟수 제한 있어야 함.
구조
예시
입력 정책 - 연락처 입력 영역
구분
규칙
밸리데이션 메세지
비고
미입력
-
연락처을 입력해주세요.
최대 입력 제한
11자 최대
-
허용 가능한 문자열
숫자 및 특수기호(-)
-
공백
입력 불가
-
앞/뒤 공백 입력 시 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.