Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

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

Message par Luzz Jeu 22 Juil 2021 - 14:43

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.

Détecter la touche majuscule lors de la saisie du mot de passe 21-05-10

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 Détecter la touche majuscule lors de la saisie du mot de passe 14-08-13 afin de sauvegarder les modifications.

Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 1831
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum