개발자

폼 유효성 검사 후 제출 하는 방법

2023년 02월 08일조회 142

폼 내부 인풋 값들의 유효성을 각각 검사한 뒤에 모두 정상이면 제출하려 합니다 인풋의 유효성 검사 결과도 각각 state로 관리하는데 state는 비동기로 바뀌다보니 유효성 검사 후 아직 state가 바뀌기 전에 값을 참조하게 되었고 그러면서 인풋이 정상이 아닌데도 제출되는 상황이 발생했습니다.. 유효성 검사 -> 유효성 검사 결과 state 변경 -> 유효성 검사 결과 state 확인 후 모두 정상일 경우에만 제출 이 흐름의 순서를 보장할 수 있는 방법이 있을까요..? 유효성 검사가 모두 완료되었는지 또 다른 state를 하나 더 추가해야할까요..?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

호빵님의 프로필 사진

말씀하신 상황에서는 제출버튼을 기본적으로 비활성화 상태에서 모든 항목에 유효성 검사가 끝났을 때 활성화 시키는 방법이 있을 것 같습니다. (각 유효성 검사가 완료되는 시점에서 모든 유효성 검가사 완료되었는지 확인하는 로직 필요) 결국에는 말씀하신 유효성 검사가 모두 완료되었는지 또 다른 state를 하나 더 추가한다는것 과 비슷한 맥락인 것 같네요

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!