Comment fermer un bootstrap de modal et de redirection après le succès d'alerte affiché

Je suis nouveau sur javascript/programmation et je vais avoir du mal à essayer de fermer un modal bootstrap après la soumission d'un formulaire de retour avec une alerte-message de réussite. Ce que j'aimerais arriver, c'est pour l'utilisateur de:

  1. soumettre un formulaire intégré dans le modal.
  2. Si soumis avec succès,l'alerte-message de réussite s'affiche.
  3. Si l'alerte-la réussite affiche, j'aimerais avoir la fenêtre modale près
  4. (en option) j'aimerais réinitialiser le formulaire

J'ai essayé à l'aide de javascript, la fonction cache, mais pas de chance.

$(document).ready(function(){
  if($('#alert-success'))
  {
   $('#myModal').hide();
  } 

});

Toute aide serait appréciée!

Voici un exemple de code de ce que je suis en train de créer (note: j'ai compris code factice puisque je n'ai pas la permission d'utiliser mon code de société ici). lien vers le code ci-dessous trouvé ici aussi: http://jsbin.com/pidizetila/edit?html,sortie

<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;      </button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<div class="alert alert-success">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
</div>
</div>
</div>
</div> 
  • une meilleure répartition de la jquery et bootstrap.min.js à la fin de la body tag. Parce que la meilleure pratique obéit à cette règle.
  • il n'y a pas de form dans votre code
  • C'est juste un exemple--c'est comme pour fermer la modale lorsque cette alerte indique. Est-il possible de fermer la modale j'ai juste, fondée sur l'alerte?