BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Valider l'adresse courriel sur formulaire [Tuto]
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Valider l'adresse courriel sur formulaire [Tuto]

 Répondre Répondre
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Valider l'adresse courriel sur formulaire [Tuto]
    Envoyé : 01 Juin 2020 à 05:05
Objectif: valider une adresse courriel en forçant le visiteur à l'entrer deux fois, dans deux champs de texte séparés

Insérer deux champ de saisie de texte
Ajouter les règles de validation: Champ obligatoire et Adresse email sur le premier.

Insérer deux boutons de formulaire

Bouton 1
Classe personnalisée: FauxBouton

Bouton 2
Classe personnalisée: VraiBouton
Affichage: Non

Note: ce bouton devra être configuré dans l'élément d'envoi

Dans la barre au dessu de la zone d'édition des pages, cliquez sur Code
Cliquez ensuite sur le signe d'addition(+) pour ajouter un nouveau bloc de code

Nom: validateur
Type: Javascript
Position: EndBody

Ajoutez le code suivant:


// comparer les valeurs de deux champs de texte
function emailvalidate(){
// Lire les valeurs
var line1 = $('#WE015088d98e input').val();
var line2 = $('#WEf23203d7ea input').val();

// comparer les valeurs
if (line1 != line2){
// Échec, message d'alerte
alert (" Vérifier les adresses courriel ");
}else{
// Lancer l'envoi en passant par la validation normale du formulaire
$('.VraiBouton').trigger('click');
}
}

// Lancer l'exécution
$('.FauxBouton').click(
function(){
emailvalidate();
}
);


Requis: Remplacez les valeurs en rouge par le ID d'élément correspondantes



Edité par Hobby001 - 01 Juin 2020 à 16:45
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 01 Juin 2020 à 14:31
Excellente chose, bravo !!
Si tu as aussi une idée pour le changement de mail lors d'une confirmation de formulaire, je suis preneur Tongue
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.