Валидация с Петрушкой и Модальным окном

Question

У меня есть проблема и не могу решить. У меня есть кнопка, которая, когда вы нажимаете на нее, отображает сообщение для подтверждения пользователя, бывает, что перед открытием этого модаля я хотел бы подтвердить, что все поля заполнены.

Для проверки я использую Либерал Петрушка

Если я использую только простую кнопку, как показано ниже проверка успешна.

<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