パーズリーとモーダルウィンドウによる検証

Question

私は問題があり解決できません。私はあなたがそれをクリックすると、ユーザー確認へのメッセージを表示するボタンがあります。このモーダルを開く前に、すべてのフィールドが満たされていることを検証したいと思います。検証が成功すると以下のように私は簡単なボタンを使用している場合

の検証のために私はLIBにパセリ

を使用しています。

<button class="btn btn-primary" type="submit">Submit</button> 

しかし、あなたは前にバリデータを使用することはできませんモーダルを呼び出すボタンを使用している場合。

<button data-toggle="modal" data-target="#md-default" type="button" id="postar" class="btn btn-info btn-lg"><i class="fa fa-check"></i> <b>Enviar</b></button> 


<!-- Modal --> 
          <div class="modal fade" id="md-default" tabindex="-1" role="dialog"> 
          <div class="modal-dialog"> 
           <div class="modal-content"> 
            <div class="modal-header"> 
             <button type="button " class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
            </div> 
            <div class="modal-body"> 
             <div class="text-center"> 
             <div class="i-circle primary"><i class="fa fa-check"></i></div> 
             <div class="confirmacao" id="confirmacao"> 
              <h4>Confirma o envio do Push?</h4> 
             </div> 
             <div class="resp"></div> 
             <p></p> 
             </div> 
            </div> 
            <div class="modal-footer"> 
             <button type="button" class="btn btn-default btn-flat" data-dismiss="modal" id="cancelButton" >Cancelar</button> 
             <button type="submit" class="btn btn-primary btn-flat enviar" id="submitButton" >Sim</button> 
             <button type="button" style="display: none" class="btn btn-default btn-flat" data-dismiss="modal" id = "closeButton">Fechar</button> 
            </div> 
           </div> 
           <!-- /.modal-content --> 
          </div> 
          <!-- /.modal-dialog --> 
          </div> 


<!-- /.modal --> 

Answer 1

あなたは以下のように手動でモーダルを開くことができます。

.on('form:submit', function() { 
    $('#md-default').modal('show'); 
    return false; 
}); 

Codepen link