프론트엔드/Javascript · JQuery

오늘의 도전!

경호! 2021. 7. 2. 15:10

디자인 시안을 준 외주업체가 있다.

문제는 회원가입 부분이였다.

 

최근들어 폼 검증을 form의 기본검증으로 하고있었는데

 

구조를 미리 만들고 디자인 시안을 보니까

 

input 태그 바로 밑에 빨간 글씨가 상황 별로 나타나야 하는 것이였다. (사실 이건 어느 곳에서든 쉽게 봤을 법한 UI이다.)

 

나는 submit이 일어날 때 form의 기본검증에서 해당 input의 오류코드를 캐치하여

 

상황별로 빨간글씨를 생성해야하는 과제가 생긴 것이다..!

 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage

 

https://developer.mozilla.org/ko/docs/Web/API/ValidityState

 

위 두 링크를 정말 힘겹게... 찾아냈다..

성공하면 다시 돌아오겠습니다

 

--------------------------------------------------------------------

이날 퇴근후 저녁 7시 2분 :  못했습니다, 결국. 그렇지만 언젠간 해내는 날이 오겠죠.