boottstrap 이 modal 을 닫 은 후 modal 에 있 는 boottstrapValidator 의 검사 흔적 을 어떻게 비 웁 니까?

1634 단어 개발 일지
boottstrapValidator 와 modal 을 결합 하여 사용 할 때 발생 하 는 modal 을 닫 은 후 다시 modal 을 엽 니 다. 이전 인증 은 계속 유지 되 며 홈 페이지 example 처럼 유연 하 게 검증 되 지 않 았 습 니 다. 문제 가 어디 에 있 는 지 강제로 비 울 수 밖 에 없습니다.
자동 으로 추 가 된 class 와 숨겨 진 알림 요 소 를 강제로 제거 합 니 다. (이 곳 에 서 는 reove 할 수 없습니다. bootstrapValidator 소스 js 에서 인증 을 초기 화 할 때 이 요 소 를 만 든 후 숨겨 지고 표시 하 는 작업 만 할 수 있 습 니 다. reove 요소 가 다음 검사 에 영향 을 줄 수 있 기 때 문 입 니 다.)
$(seletor).on("hidden.bs.modal", function() {
$("div.form-group").removeClass("has-feedback has-success has-error");//    class="form-group"     div
$(".help-block").hide();//    class="help-block"     
});

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
며칠 동안 괴 롭 혔 는데 상기 방법 이 검사 의 청 소 를 원활 하 게 완성 하지 못 하고 귀 찮 은 bug 가 많다 는 것 을 알 게 되 었 습 니 다. 어 쩔 수 없 이 홈 페이지 에 가서 api 를 찾 았 습 니 다. 방법 reset Form 을 발 견 했 습 니 다.
resetForm(resetFormData) — Reset form. It hides all error elements and feedback icons. All the fields are marked as not validated yet.
"표 리 셋, 모든 오류 요소 와 피드백 아이콘 을 숨 기 고 모든 속성 도 메 인 을 검사 상태 로 유지 합 니 다" 라 는 뜻 입 니 다.이것 이 바로 우리 가 원 하 는 효과 (개발 문서 의 중요성 을 조회 하 는 것) 입 니 다. 구체 적 인 문법 형식 은 다음 과 같 습 니 다.
$(formSelector).data('bootstrapValidator').resetForm();

이 다음 에 우 리 는 이전의 검사 문 구 를 삭제 하고 위 단락 의 문법 을 $(selector). on ("hidden. bs. modal", function () {}) 에 직접 넣 을 수 있 습 니 다.기본적으로 이 문 제 를 비교적 완벽 하 게 해결 할 수 있다.

좋은 웹페이지 즐겨찾기