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

par **Luzz** Jeu 22 Juil 2021 - 14:43

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

Citation :: 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();

}
}

);

}

);