Vérification de la disponibilité du pseudo à l'inscription

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

  • 0

Astuce Vérification de la disponibilité du pseudo à l'inscription

Message par Ea Dim 6 Fév 2011 - 14:42

Vérification de la disponibilité du pseudo à l'inscription

Cette astuce permet de différencier la case de pseudo à l'inscription selon qu'il soit disponible ou pas :

Voir illustration :

Création du script


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 "Vérification de la dispo des pseudos" et pour placement "Sur toutes les pages" (plus d'informations sur la gestion des scripts).

Code:
location.pathname == "/register" && location.search == "?step=2&agreement=1&privacy=1" && $(function() {

    function verifyRU() {
        $('#username_reg').attr('value', $('#username_reg').attr('value').trim().replace(/(\s)\s+/g, '$1'));
        if ($('#username_reg').attr('value') == '') $('#username_reg').removeClass('okusername');
        else $.get('/search?mode=searchuser&fieldname=username&search_username=' + encodeURIComponent($('#username_reg').attr('value')) + '&time=' + Math.floor((new Date()).getTime() / 1000), function(data) {
            ($(data).find('#username_list').length == 1 && $(data).find('#username_list option').length == 1 && $(data).find('#username_list option').attr('value') != '') ? $('#username_reg').removeClass('okusername'): $('#username_reg').addClass('okusername');
        });
    }

    $('#username_reg').change(function() {
        verifyRU();
    });
});

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Insertion du CSS


Panneau d'administration  Affichage  Images et Couleurs - couleurs (Onglet Feuille de style CSS)

Code:
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a94442;
  background-color:#f2dede;
}
#username_reg.okusername {
  color: #3c763d;
  background-color:#dff0d8;
}
/* Fin - style pour vérification pseudo à l'inscription */

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Voir le profil de l'utilisateur
Ea a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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