3

부트 스트랩과 함께 bootstrapvalidator를 사용합니다.
모달 대화 상자에서 양식을 재설정해야합니다.
올바른 방법을 사용했지만 모달 대화 상자에서 작동하지 않습니다.부트 스트랩 유효성 검사기 resetForm

$('#emailForm').bootstrapValidator("resetForm",true); 

모달을 열고 전자 메일을 삽입 한 다음 양식을 다시 설정하려고해도 유효성 검사 컨트롤이 그대로 유지됩니다. 그것은 간단하다

JSFiddle

+0

이 바이올린은 다가오는 장인을 도울 것입니다. http://jsfiddle.net/sdmomphd/18/ – Hitesh

답변

6

, 당신은 단지 검증 초기화 속으로

excluded: [':disabled'], 

를 추가해야합니다.

예 :

$('#emailForm').bootstrapValidator({ 
     feedbackIcons: { 
      valid: 'glyphicon glyphicon-ok', 
      invalid: 'glyphicon glyphicon-remove', 
      validating: 'glyphicon glyphicon-refresh' 
     }, 
     excluded: [':disabled'], 
     fields: { 
      email: { 
       validators: { 
        emailAddress: { 
         message: 'The value is not a valid email address' 
        } 
       } 
      } 
     } 
    }); 
+0

좋아요! 제발 좀 설명해 주실 래요? –

+1

기본적으로 플러그인은 비활성화되거나 숨겨 지거나 표시되지 않는 필드를 초기화하지 않습니다. 폼은 페이지를로드 한 후에 보이지 않는 모델 안에 있기 때문에 HTML 속성으로 초기화 된 필드/유효성 검사기는 무시 될 수 있습니다. – 3y3skill3r

+0

그러나 양식이 처음 페이지의 모달 (페이지에 코드화 된)에있는 경우이 방법은 작동하지 않습니다. 양식으로 모달을 코딩 할 수 있습니다. 그러나 전자 메일이나 클릭 한 번에 언제든지 양식을 다시 가져 오는 대신 목록을 여러 번 사용할 수 있어야합니다. 그러나 매번 양식을 가져 오는 경우 양식을 "재설정"할 필요가 없습니다. –

1

나는 이것이 아주 오래 알고있다.

$("#emailForm").data('bootstrapValidator').resetForm(); 

양식 검증을 재설정하지만 필드를 지우지는 않습니다. 제 경우에는 괜찮습니다. 여러 고객에게 하나의 양식 사용. 방문자가 이름과 이메일을 쉽게 남길 수 있지만 메시지를 다시 입력하면됩니다. 그래서 나는 단지 메시지 필드를 깨끗하게한다.

관련 문제