html input 유효성(validity) 검사

React에서 폼(Form)화면 작성시 로그인 화면에서 아이디 또는 비밀번호는 필수로 입력하게하거나, 회원가입 화면에서 비밀번호 입력시 특수문자나 소문자, 대문자 또는 숫자 등을 섞어서 입력하도록 유효성 검사를 진행할때가 있습니다. React를 사용한다면 상태(state)를 통해서도 충분히 입력값의 유효성검사를 진행할 수 있지만, HTML의 에서도 유효성 검사와 관련하여 다양한 기능을 제공하고 있으니 한번 살펴보도록 하겠습니다. 현재 유효성 검사 상태를 나타내는 ValidityState 요소는 현재 유효성 상태를 나타내는 validity(ValidityState)값을 가지고 있으며, 요소의 여러가지 attribute 설정과 입력값에 의해 validity의 상태가 결정됩니다. // App.tsx impor..

2023.10.14