Bootstrap и Bootstrapvalidator: как показать успешное предупреждение после успешной проверки?

Question

Я играю немного с бутстрапом и bootstrapvalidator для проверки моих форм. Все работает нормально, но теперь я хочу сделать оповещение, что сообщение было успешно отправлено (или перенаправлено на страницу success.html). Вот HTML код в качестве примера:

HTML:

<form id="order"> 
    <input type="text" name="name"/><br> 
    <input type="text" name="email"/><br> 
    <textarea name="comment"></textarea><br> 
    <button type="submit" name="send" id="send">Send</button> 
    <div class="alert alert-success" id="asked"> 
    <strong>Success!</strong> Indicates a successful or positive action. 
</div> 
</form> 

Вот фрагмент кода проверки JQuery:

Jquery:

 $(document).ready(function() { 
     var validator = $('#order').bootstrapValidator({ 
      fields: { 
       email : { 
        message : "Please insert Email", 
        validators : { 
         notEmpty : { 
          message : "Insert a valid email address" 
         }, 
         stringLength : { 
          min : 6, 
          max: 35, 
         } 
        } 
       } 
      } 
    }); 
}); 

Что также работал для меня, чтобы скрыть предупреждение и показать после нажатия кнопки:

Jquery:

$(document).ready(function(){ 
$("#asked").hide(); 
}); 

$('#send').click(function() { 
$.post('php/text.php', $('form#order').serialize()); 
$("#asked").show(); 
}); 

Теперь я хочу, чтобы сделать предупреждение появится, если все в проверке зеленого цвета. Даже метод $ .post работал только после успешной проверки. Как я могу достичь этого с предупреждающим сообщением? Заранее спасибо!

Answer 1

Вы должны использовать «onSuccess function».

Вы можете увидеть здесь: Bootstrap Validator - Alert on success validation