jQuery Girl
  1. jQuery Girl
  3. Comment valider le champ mot de passe dans bootstrap?
Intereting Posts
Ajout et suppression de plusieurs filtres dans Knockout JS Comment puis-je redirect vers la page actuelle en utilisant JavaScript? Ajouter une classe à la division parent si une erreur de validation survient lors de l’utilisation de la validation jQuery Désactiver / activer le champ de texte avec le bouton radio (jQuery) L’animation Flip ne fonctionne pas sur Firefox Bootstrap Validator – Alerte sur la validation du succès Comment détecter une extension de fichier avec javascript FileReader fadeToggle () ne fonctionne pas Auditeur d’événement Javascript actualiser Comment créer un lien vers une partie spécifique d’une page dans jQuery Mobile? Ne pas ouvrir une nouvelle page lorsque la case à cocher du tableau est cochée affichage des codes de réponse par code d’erreur bxslider arrêtant la lecture automatique des éléments vidéo DataTables avec un nombre différent de colonnes Puis-je afficher / créer jsTree en cliquant sur un bouton?

Comment valider le champ mot de passe dans bootstrap?

Je travaille dans asp.net avec bootstrap. Je veux valider le champ mot de passe. Mon code affiche des informations lorsque l’utilisateur clique sur le champ du mot de passe. 

 
Password requirements:
 
     
  •  At least one letter
    •  
  •  At least one capital letter
    •  
  •  At least one number
    •  
  •  At least one special character
    •  
  •  Be at least 8 characters
    •

javascript 

    $(document).ready(function () { $('#password').keyup(function () { // set password variable var pswd = $(this).val(); //validate the length if (pswd.length < 8) { $('#length').removeClass('valid').addClass('invalid'); } else { $('#length').removeClass('invalid').addClass('valid'); } //validate letter if (pswd.match(/[Az]/)) { $('#letter').removeClass('invalid').addClass('valid'); } else { $('#letter').removeClass('valid').addClass('invalid'); } //validate capital letter if (pswd.match(/[AZ]/)) { $('#capital').removeClass('invalid').addClass('valid'); } else { $('#capital').removeClass('valid').addClass('invalid'); } //validate number if (pswd.match(/\d/)) { $('#number').removeClass('invalid').addClass('valid'); } else { $('#number').removeClass('valid').addClass('invalid'); } //validate special character if (pswd.match(/[!@#$ %^&*]/)){ $('#special').removeClass('invalid').addClass('valid'); } else { $('#special').removeClass('valid').addClass('invalid'); } }); $('#password').focus(function () { $('#pswd_info').show(); }); $('#password').blur(function () { $('#pswd_info').hide(); }); });

Le code ci-dessus affiche simplement la boîte d’information et change chaque lien en fonction de la saisie de l’utilisateur. Mais, acceptez toujours tout mot de passe qui ne répond pas aux critères. Comment puis-je valider le champ #password? J’ai déjà le script ci-dessous qui valide d’autres champs

JavaScript 

   // initialize the validator function validator.message.date = 'not a real date'; // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup': $('form') .on('blur', 'input[required], input.optional, select.required', validator.checkField) .on('change', 'select.required', validator.checkField) .on('keypress', 'input[required][pattern]', validator.keypress); $('.multi.required').on('keyup blur', 'input', function() { validator.checkField.apply($(this).siblings().last()[0]); }); $('form').submit(function(e) { e.preventDefault(); var submit = true; // evaluate the form using generic validaing if (!validator.checkAll($(this))) { submit = false; } if (submit) this.submit(); return false; });

Minimum huit caractères, au moins une lettre et un chiffre: 

 "^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"

Minimum huit caractères, au moins une lettre, un chiffre et un caractère spécial: 

 "^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"

Minimum huit caractères, au moins une lettre majuscule, une lettre minuscule et un chiffre: 

 "^(?=.*[az])(?=.*[AZ])(?=.*\d)[a-zA-Z\d]{8,}$"

Minimum huit caractères, au moins une lettre majuscule, une lettre minuscule, un chiffre et un caractère spécial: 

 "^(?=.*[az])(?=.*[AZ])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"

Minimum 8 et maximum 10 caractères, au moins une lettre majuscule, une lettre minuscule, un chiffre et un caractère spécial: 

 "^(?=.*[az])(?=.*[AZ])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"