ポップアップで検証が機能しない

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

は、バリデータが動作しません。 1つのページに複数のフォームを含めることはできますが、入れ子にしないでください。

この場合、ネストされたフォームを削除します。