Valider l'adresse courriel sur formulaire [Tuto]

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Tutoriaux utilisateurs
Description du Forum: Ecrivez ou consultez des tutoriaux OpenElement
Pas de questions dans cette rubrique merci.
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23885
Date: 18 Avr 2024 à 11:50
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: Valider l'adresse courriel sur formulaire [Tuto]

Posté par: Hobby001
Sujet: Valider l'adresse courriel sur formulaire [Tuto]
Posté le: 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

-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE

Réponses:

Posté par: brolysan
Posté le: 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

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie