jQuery Girl
  1. jQuery Girl
  3. La validation par bootstrap ne fonctionne pas
Intereting Posts
Comment setInterval () affecte-t-il les performances? Comment implémenter des filigranes de type débordement de stack dans les formulaires? jQuery recherche que vous tapez avec ajax La validation Spry empêche la soumission du formulaire sur les champs indisponibles Changer dynamicment l’emplacement de l’info-bulle d’amorçage Sélection d’éléments dans jQuery Changer l’emplacement du message d’erreur du plug-in de validation jQuery? obtenir tous les éléments avec onclick en eux? Pourquoi la méthode .on () n’exécute-t-elle pas le premier gestionnaire? Comment puis-je réaliser une fenêtre modale contextuelle (exemple inclus)? Comment mettre à jour l’option source dans bootstrap-typeahead.js Déclencher un événement chaque fois qu’un élément DropDownList est sélectionné avec jQuery Aller à la page dans PDF.js avec javascript Poste MVC 3 AJAX, liste remplie d’objects, mais les propriétés des objects sont vides Comment modifier l’atsortingbut ‘onchange’ dans une balise ‘select’? (en utilisant jquery)

La validation par bootstrap ne fonctionne pas

J’essaie d’utiliser la validation à l’aide de bootstrap . J’ai essayé la solution comme ici mais ça ne marche pas.

J’ai ajouté les fichiers js appropriés s’il vous plaît voir le lien fiddle . Veuillez aider à savoir quel est le problème.

Ceci est un jsfiddle de travail: http://jsfiddle.net/P28nR/1/

Les éléments manquants ou incorrects étaient:

  • Vous n’avez pas inclus jquery
  • Vous avez inclus le mauvais plugin jquery bootstrap. Les fichiers corrects peuvent être trouvés aux liens ci-dessous:

//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/css/bootstrapvalidator.min.css //cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator .min.js

  • Vous n’avez pas ajouté le javascript pour configurer et exécuter le plugin validateur 

     $(document).ready(function() { $('#tryitForm').bootstrapValidator({ feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { firstName: { validators: { notEmpty: { message: 'The first name is required and cannot be empty' } } }, lastName: { validators: { notEmpty: { message: 'The last name is required and cannot be empty' } } }, email: { validators: { notEmpty: { message: 'The email address is required' }, emailAddress: { message: 'The input is not a valid email address' } } }, gender: { validators: { notEmpty: { message: 'The gender is required' } } } }, submitHandler: function(validator, form, submitButton) { var fullName = [validator.getFieldElements('firstName').val(), validator.getFieldElements('lastName').val()].join(' '); alert('Hello ' + fullName); } }); });

  1. Vous n’avez pas jQuery inclus. Les plugins bootstrap nécessitent jQuery.

  2. JqBootstrapValidation est inclus deux fois: d’abord la version lisible par l’homme, puis la version simplifiée. Inclure uniquement la version abrégée.

  3. L’ordre est important lors du chargement de bibliothèques JS externes. Commencez par charger jQuery, puis les scripts Bootstrap, puis les plugins supplémentaires. JS est exécuté de haut en bas, les dépendances doivent donc être chargées avant les scripts.