Bootstrap validateur modale, ne pas réinitialiser le Formulaire
Je suis en utilisant bootstrap validateur pour ma forme à l'intérieur de modal.Le validateur obtient retenue sur le formulaire d'accès. Par exemple, si le effectuer l'opération suivante
- Accès au formulaire de saisie de certaines valeur valide et soumettre le formulaire.
-
Accéder au formulaire de nouveau la couleur du champ restent dans le vert , depuis que je suis entré dans une entrée valide dans mon précédent envoi de formulaire
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">Add new Node</h4> </div> <div class="modal-body"> <div class="modal-body"> <form role="form" id="addNodeForm"> <div class="form-group"> <label for="nodename" class="control-label">Node Name</label> <input type="text" name="nodename" class="form-control" id="nodename" required> </div> </form> </div> <!-- <div class="alert alert-success"> <a href="#" class="close" data-dismiss="alert">×</a> <div id="thanks"></div> </div> --> </div> <div class="modal-footer"> <button type="button" id="add-close" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="add-save" class="btn btn-primary">Save changes</button> </div> </div>
$('#myModal').on('hidden.bs.modal', function(){ $(this).removeData('bs.modal'); $('#nodename').val(""); $('#addNodeForm').bootstrapValidator('resetForm', true); }); $('#myModal').on('show.bs.modal', function () { //$('#addNodeForm').bootstrapValidator('resetForm', true); $(this).removeData('bs.modal'); $('#addNodeForm').bootstrapValidator('resetForm', true); $.ajax( { url: "node/getnodelist", type: "GET", success:function(text) { alert(text); nodelist = text; }, error: function(jqXHR, textStatus, errorThrown) { //if fails } }); }); $('#addNodeForm').bootstrapValidator({ feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { nodename: { validators: { notEmpty: { message: 'Function name is required' } } } } });
OriginalL'auteur Sowmya Ganesan | 2014-12-10
Vous devez vous connecter pour publier un commentaire.
Essayer de code suivant :
OriginalL'auteur ARC
La
hidden.bs.modal
événement est déclenché lorsque le modal a fini d'être caché de l'utilisateur, de Sorte que la forme sera caché Et BoostarpValidator ne permet pas de traiter ou de les valider par défaut les champs masqués.Afin de réinitialiser votre forme lorsque le modal masqué, vous devez ajouter:
à votre code JS.
Live exemple: http://jsfiddle.net/Arkni/ndpv76bk/
Référence:
excluded
docs : http://bootstrapvalidator.com/settings/#form-excludedMODIFIER
Votre initialisation de bootstrapValidator sur votre formulaire doit être comme ce qui suit après l'ajout de la
excluded
option:avez-vous essayé le live exemple que j'ai fourni vous ?
Et aussi, vous devez lire attentivement le code source de mon exemple
OriginalL'auteur Arkni
Essayer le code ci-dessous à quel poste vous souhaitez réinitialiser le formulaire..
OriginalL'auteur Vinoth Narayan