REACT · FORM

폼 검증 타이밍 선택표

폼 검증은 value, errors, touched, dirty를 나눠 관리해야 입력 중 경고와 제출 차단이 서로 엇갈리지 않습니다.

입력 상태와 제출 차단 단계

validation
onChange길이·형식 즉시 갱신
onBlurtouched 후 오류 노출
onSubmiterrors 있으면 요청 차단
server중복·권한 오류 반영
onChangeonBluronSubmitserver

errors 노출 조건

점검
touched/dirty필수 오류는 touched 뒤에 보이고, dirty 변경 때 이전 서버 오류를 지웁니다.
제출 차단errors가 남았거나 비동기 검증 중이면 submit 요청을 보내지 않습니다.
서버 검증이메일 중복, 쿠폰 유효성은 field error와 form error로 나눠 반영합니다.
메시지허용 형식, 실패 원인, 다음 입력 예시를 한 문장에 담습니다.