팝업에서 유효성 검사가 작동하지 않습니다.

Question

bootstrapValidator(을 사용하는 동안 팝업에 표시되는 양식을 실행하는 경우 유효성 검사가 작동하지 않거나 트리거됩니다.

나는 document.ready()의 jQuery에서이 방법을 사용하고 있었기 때문에 .focusout과 .blur으로 전환을 시도했지만 작동하지 않는다는 것을 알고 있습니다. 어떤 아이디어?

jQuery를 -

jQuery(document).ready(function() { 
    jQuery('#brochure-form').bootstrapValidator({ 
    //THE CODE 
    }) 
    .on('success.form.bv', function(e) { 
    //THE CODE 
    }); 
}); 

HTML - 다른 형태의 중첩 형태가있는 경우

<form action="........" method="post" class="wpcf7-form well form-horizontal" novalidate="novalidate" id="brochure-form"> 
    <div style="display: none;"> 
     <input type="hidden" name="_wpcf7" value="408"> 
     <input type="hidden" name="_wpcf7_version" value="4.4.2"> 
     <input type="hidden" name="_wpcf7_locale" value="en_US"> 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-12"> 
     <div class="form-group"> 
      <div class="col-md-12 inputGroupContainer"> 
       <div class="input-group"> 
        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span><span class="wpcf7-form-control-wrap text-680"><input type="text" name="text-680" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Name"></span> 
       </div> 
       <p></p> 
      </div> 
      <p></p> 
     </div> 
    </div> 
    <div class="col-xs-12 col-sm-12 col-md-12"> 
     <div class="form-group"> 
      <div class="col-md-12 inputGroupContainer"> 
       <div class="input-group"> 
        <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span><span class="wpcf7-form-control-wrap email-80"><input type="email" name="email-80" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email"></span> 
       </div> 
       <div class="wpcf7-response-output wpcf7-display-none"></div> 
      </div> 
     </div> 
    </div> </form> 

Answer 1

는 검증이 작동하지 않습니다. 한 페이지에 여러 개의 서식을 가질 수 있지만 중첩하면 안됩니다.

이 경우 중첩 된 양식을 제거하십시오.