[progliste] Re: validation d'un formulaire en jquery

Fri, 21 Jul 2017 15:06:07 -0700 

Coucou Christophe,

Tout d'abord, je te remercie pour ton mail en perso.

Je m'excuse pour le retard, je ne suis pas chez moi actuellement.

Maintenant, passons à ta question.
L'objet $validation, c'est l'objet jQuery que l'on a fait pointer, à sa déclaration, sur l'input dont l'attribut id correspond à "validation". 

Rappelle-toi, nous avions mis :

$validation = $('#validation');

L'événement suivant en jQuery :

$validation.clidk(function(e){
...
}
);
Associe l'événement du click sur l'objet dont l'id correspond à "validation", c'est à dire le bouton de validation de notre formulaire.
Donc, tu vois, l'événement onClick est appelé lorsque le bouton de validation du formulaire est cliqué par entrée ou avec la souris, peu-importe.
Autrement, les fonctions événementielles peuvent aussi être appelées en utilisant un attribut directement sur l'objet en question, comme onClick="laFonction();".
Le paramètre (e) passé à la fonction événementielle, stocke l'objet du dit événement et peut à son tour proposer des méthodes et attributs selon la nature de lévénement, click, focus, keyUp, etc
La déclaration de la fonction verif peut être introduite dans le code avant ou après son appel, peu-importe.
C'est de cette fonction verif, que je te parlais dans mon mail précédent, en disant qu'on aurait pu s'en passer.
Effectivement, on aurait pu mettre directement la condition dans la fonction événementielle ! 

Voila, je reste à ta dispo pour toute question supplémentaire.

Bien amicalement,
Abdel.
-----Message d'origine----- From: Christophe Garnier 
Sent: Monday, July 17, 2017 10:36 AM
To: Proglist
Subject: [progliste] Re: validation d'un formulaire en jquery

Salut Abdel et tous. oui j’ai des questions. Les voici :
1 sur la ligne $validation.click(function(e){ click n’est-il pas consacré au click de souris alors que le script fonctionne bien en tapant entrer sur validation ? à quoi sert la lettre (e) 
Pourquoi exécuter la fonction verif() avant de la créer ?
Merci de m’expliquer tout ça pour que j’acquière la logique qui va bien.
bonne journée




Le 13 juil. 2017 à 20:14, Abdel <abdelkrim.bens...@free.fr> a écrit :

Recoucou Christophe,
En effet, le plus simple, pour bien comprendre comment interagir avec le formulaire, ce serait de créer un formulaire avec un seul champ de saisie, ainsi qu'un bouton de validation. 

C'est ce que je vient de te concocter lol !
Dès validation du formulaire, une fonction jquery est appelée, qui va analyser le champ.
S'il est vide, elle affichera une alerte, sinon, le contenu du champ dans une alerte également.
C'est vrai qu'on aurait pu se passer, pour faire encore plus simple, de cette fonction, en mettant juste tout ça dans une structure conditionnelle, mais bon...
Je t'ai intégré la balise script comportant le code jquery dans l'entête de la page, mais tu peux aussi la séparer en la mettant dans un fichier js externe si tu veux.
Le formulaire est disponible en ligne ici et il est également en PJ, dans une archive zip : 

http://cyber25.free.fr/testValidationJquery/test.html


Voila, n'hésite surtout pas à poster si besoin.

Bien amicalement,
Abdel.


Le 13/07/2017 à 15:11, Christophe Garnier a écrit :
Bonjour. Merci pour ton aide. Oui j’avais essayé ça mais je n’arrive pas à le faire fonctionner. De plus, pour moi, je trouve que toutes les explications nécessaire n’y sont pas. en fait je veux faire un truc super simple pour tester et après le faire plus complexe. je veux dans un premier temps tester si un champ est vide et pouvoir l’indiquer à l’utilisateur via jquery. Quand je cherche sur le net, je trouve des trucs super compliqués mais peu d’explications précises et simple. 
Bonne journée



Le 13 juil. 2017 à 07:36, Abdel <abdelkrim.bens...@free.fr> a écrit :

Salut Christophe,

As-tu essayé jquery Validate?
Voici un article qui décrit son utilisation, je n'ai pas eu le temps encore de faire des tests : 

https://www.pierrefay.fr/blog/jquery-validate-formulaire-validation-tutoriel.html

Bien amicalement,
Abdel.


Le 12/07/2017 à 14:54, Christophe Garnier a écrit :
Salut les copains de la liste. Je tente d’apprendre jquery mais je n’arrive pas à trouver un exemple simple qui fonctionne. Je veux créer un formulaire en html et dans un premier temps, vérifier que les champs soient bien remplis avec un message d’erreur si ce n’est pas le cas. Par exemple on a un champ utilisateur et mot de passe puis bouton submit pour validation. Je souhaite qu’en validant le formulaire soit indiqué par exemple que le champ utilisateur n’est pas remplit. 
Si quelqu’un a un exemple simple je prends volontiers.
merci

Progliste :
Pour se d�sinscrire de la liste : mailto:progliste-requ...@ml.free.fr?subject=unsubscribe 

Pour voir les archives de la liste :
http://www.mail-archive.com/progliste@ml.free.fr/
Je vous rappelle que les pi�ces jointe sont activ�s leur taille est limit� � 2 MO 

Pour acc�der aux fichiers de la liste
http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr
Ou en utilisant la nouvelle page de partage :
http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt
Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je vous r�pondrez en priv�. 




Progliste :
Pour se d�sinscrire de la liste : mailto:progliste-requ...@ml.free.fr?subject=unsubscribe 

Pour voir les archives de la liste :
http://www.mail-archive.com/progliste@ml.free.fr/
Je vous rappelle que les pi�ces jointe sont activ�s leur taille est limit� � 2 MO 
Pour acc�der aux fichiers de la liste
http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr
Ou en utilisant la nouvelle page de partage :
http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt
Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je vous r�pondrez en priv�. 



Progliste :
Pour se d�sinscrire de la liste : mailto:progliste-requ...@ml.free.fr?subject=unsubscribe 

Pour voir les archives de la liste :
http://www.mail-archive.com/progliste@ml.free.fr/
Je vous rappelle que les pi�ces jointe sont activ�s leur taille est limit� � 2 MO 

Pour acc�der aux fichiers de la liste
http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr
Ou en utilisant la nouvelle page de partage :
http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt
Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je vous r�pondrez en priv�. 





<testValidationJquery.zip>


Progliste :
Pour se d�sinscrire de la liste : mailto:progliste-requ...@ml.free.fr?subject=unsubscribe 

Pour voir les archives de la liste :
http://www.mail-archive.com/progliste@ml.free.fr/
Je vous rappelle que les pi�ces jointe sont activ�s leur taille est limit� � 2 MO 

Pour acc�der aux fichiers de la liste
http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr
Ou en utilisant la nouvelle page de partage :
http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt
Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je vous r�pondrez en priv�. 

Progliste :
Pour se d�sinscrire de la liste : 
mailto:progliste-requ...@ml.free.fr?subject=unsubscribe

Pour voir les archives de la liste :
http://www.mail-archive.com/progliste@ml.free.fr/
Je vous rappelle que les pièces jointe sont activés leur taille est limité à 2 MO 
Pour acc�der aux fichiers de la liste
http://outils.archive-host.com/partage.php?id=2Qar9Hy6ftzr
Ou en utilisant la nouvelle page de partage :
http://outils-n.archive-host.com/partage-fm0m7b947vglikp9Efpso94gt
Pour y ajouter des fichiers demandez-moi le ou sur la liste ou en priv�, je 
vous r�pondrez en priv�.

Répondre à