Détecter la touche majuscule lors de la saisie du mot de passe

[Luzz]

Détecter la touche majuscule lors de la saisie du mot de passe

Cette astuce vous permet d'afficher une alerte à vos membres lorsque la touche majuscule est activée lors de la saisie du mot de passe. Cette astuce est compatible pour toutes les versions. Toutefois, cette option n'est pas fonctionnelle sur la version mobile moderne. Installer le script Javascript Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Détection touche majuscule" et pour placement "Toutes les pages" (plus d'informations sur la gestion des scripts). Pour la version phpBB2 Code: location.pathname=="/login" && $(function(){         // Permet de personnaliser le message d'alerte quand la touche majuscule est activée dans le champ password.         var message_alerte = "La touche majuscule est activée.";           var input = document.getElementsByName("password");         input[0].addEventListener("keyup", function(event) {                 if (event.getModifierState("CapsLock")) {                     // Vous pouvez personnaliser le CSS après l'élement style                     $('input[name="password"]').after('<div id="verification" style="font-size: 12px; color: white; float: right; position: absolute; margin-left: 18%; margin-top: -31px; background: rgb(241, 104, 104); padding: 8px;border-radius: 2px;" >'+ message_alerte + '</div>');                 }                 else {                     $('#verification').remove();                 }             }         );     } ); Pour les versions PhpBB3, PunBB, Invision et ModernBB Code: location.pathname=="/login" && $(function(){         // Permet de personnaliser le message d'alerte quand la touche majuscule est activée dans le champ password.         var message_alerte = "La touche majuscule est activée.";           var input = document.getElementById("password");         input.addEventListener("keyup", function(event) {                 if (event.getModifierState("CapsLock")) {                     // Vous pouvez personnaliser le CSS après l'élement style                     $('#password').after('<div id="verification" style=" color: white; float: right; position: absolute; margin-left: 18%; margin-top: -31px; background: rgb(241, 104, 104); padding: 8px;border-radius: 2px;" >'+ message_alerte + '</div>');                 }                 else {                     $('#verification').remove();                 }             }         );     } ); Pour la version AwesomeBB Code: location.pathname=="/login" && $(function(){         // Permet de personnaliser le message d'alerte quand la touche majuscule est activée dans le champ password.         var message_alerte = "La touche majuscule est activée.";           var input = document.getElementsByName("password");         input[0].addEventListener("keyup", function(event) {                 if (event.getModifierState("CapsLock")) {                     // Vous pouvez personnaliser le CSS après l'élement style                   $('input[name="password"]').after('<div id="verification" style="font-size: 12px; color: white; float: right; margin-left: 18%; margin-top: -51px; background: rgb(241, 104, 104); padding: 8px;border-radius: 2px;" >'+ message_alerte + '</div>');                 }                 else {                     $('#verification').remove();                 }             }         );     } ); Cliquez sur le bouton afin de sauvegarder les modifications.

Cette astuce a été proposée par Bipo. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.