Bootstrap 템플릿을 사용해 처음으로 홈페이지를 만들어보다 잘 모르는게 있어 질문 드립니다.
modal 창에 text type 으로 만든 '이름', '이메일' 등은
modal 창 닫고 다시 켜면 이전에 적었던 데이터는 지워집니다.
하지만 아래와 같이 만들다 보니 '이름' 을 안적게 되면 "이름은 필수입니다." 라는 문구가 뜹니다.
<div class="wrap-input100 validate-input" data-validate="이름은 필수입니다."> .... </div>
아래의 코드로 실행하면 modal 창의 text type 의 값들은 modal 창 닫고 다시키면 이전 데이터는 지워집니다.
$('.modal').on('hidden.bs.modal', function (e){ $('.modal').find('form')[0].reset() });
modal창을 닫고 다시 키면 "이름은 필수입니다." 문구는 사라지지 않는데, 어떻게하면 사라지게 할 수 있을까요??
아래는 결과 창입니다.
미리 감사드립니다..
bootstrap 에서 제공하는 modal을 쓰신거라 코드를 더 봐야 정확한 답변 드릴 수 있을것 같습니다.
validate-input 이부분을 조정 할 수있는 부분을 참고 해서 조절 하시거나
modal을 닫거나 상기 form reset 후에 "이름은 필수 입니다." 엘리먼트들을 삭제 하시면 될꺼 같구요
그도 안된다면,
validate를 따로 구현 하시는게 맞는것 같습니다.