폼 검증의 피드백 루프와 신뢰 경계

브라우저 검사는 사용자를 돕고, 서버 검사는 저장 가능한 데이터를 결정한다.

01

원본 입력

onChange로 value를 갱신 · " user@site.com "

02

정규화

trim 등 의미가 같은 값 정리 · "user@site.com"

03

규칙 평가

required · 형식 · 길이 검사 · validate(values)

04

피드백

errors와 aria-invalid 반영 · errors.email

클라이언트에서 실패

요청을 막고 첫 오류로 초점을 옮겨 필드 가까이에…

오류 수정 → 다시 검사

핵심폼 검증의 피드백 루프와 신뢰 경계은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.