Evenements sur des inputs : have fun

Entrez successivement quatre entrées différentes !

Email
email de confirmation


Cette exemple montre que nous pouvons développer nos propres événements sur les inputs.

Amusons nous en créant des massages délirant lorsque l'utilisateur ne tape pas le même adresse !

var messages=["Verifiez  vos adresses. Merci.",
                         " Soyez attentif, merci",
                         "Vous commencez à me fatiguer",
                         "Bravo, j'abandonne !"]

1) recupération de l'input

var mailC = document.getElementById('mailC');

2) mise en place de l'écouteur

mailC.addEventListener('change', checkPasswordValidity, false);

3) définition du gestionnaire

var checkPasswordValidity = function() {
        if (mail.value != mailC.value) {
           
           compteur=++compteur%4;
           mailC.setCustomValidity(messages[compteur]);
          
        } else {
            mailC.setCustomValidity('');
        }        
    };