jQuery Facile Application #5/5: Contrôler un formulaire
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO jQuery Facile Application #5/5: Contrôler un formulaire

Carl Brison
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici un 5ème et dernier exercice d'application complet pour une mise en pratique des différentes techniques jQuery enseignées durant la formation "jQuery facile".

Dans ce nouveau cours vidéo, je vous propose de réaliser un contrôle complet d'un formulaire HTML grâce à une programmation en jQuery.

  • Nous allons contrôler que l'utilisateur a bien rempli tous les champs du formulaire. Si cela n'est pas le cas, alors nous bloquerons le formulaire, sinon l'utilisateur se retrouvera sur une page traitement.
  • Nous contrôlerons également que l'utilisateur aura rentré une adresse email dans le champ de formulaire qui lui demandera son email.
  • Nous contrôlerons que l'utilisateur entre un âge correct dans le champ de formulaire qui lui demandera son âge.
  • Enfin nous contrôlerons la qualité du login entré par l'utilisateur dans le champ de formulaire qui lui demandera son login.

Je mets les codes de cet exercice à votre disposition.
Pour apprendre rapidement et facilement le jQuery, commencez par regarder cet épisode 1/10, Gratuit !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mettre en place le code HTML
Leçon 2
Mettre en forme la base de notre document
Leçon 3
Mettre en forme le formulaire
Leçon 4
Contrôler que les champs du formulaire sont remplis
Leçon 5
Contrôler que le champ LOGIN contient des caractères alphanumériques
Leçon 6
Bloquer le formulaire si le LOGIN n'est pas satisfaisant
Leçon 7
Bloquer le formulaire si l'EMAIL n'est pas satisfaisant

Plan détaillé du cours

Leçon 1Mettre en place le code HTML
06m20s
Leçon 2Mettre en forme la base de notre document
07m26s
Leçon 3Mettre en forme le formulaire
09m41s
Leçon 4Contrôler que les champs du formulaire sont remplis
08m44s
Leçon 5Contrôler que le champ LOGIN contient des caractères alphanumériques
10m46s
Leçon 6Bloquer le formulaire si le LOGIN n'est pas satisfaisant
06m45s
Leçon 7Bloquer le formulaire si l'EMAIL n'est pas satisfaisant
05m28s
Leçon 8Bloquer le formulaire si l'AGE n'est pas satisfaisant
05m20s
Leçon 9Conclusion
02m01s

Aperçus

Avis des apprenants

Détail des avis
4
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 27/09/2023
Toujours au top dans la pédagogie et progression des connaissances . Merci pour cet excellent Tuto. Didier
Carl Brison
Carl Brison
Merci beaucoup Didier, c'est super gentil ;-)
Valérie Arno
Valérie Arno
Publié le 02/07/2023
Dernier tuto de la série jQuery facile -Application : le contrôle d'un formulaire qui est très utilise et il est important de savoir comment contrôler sa validation. Le rappel des regex était bienvenu ainsi que d'autres comme isNaN, la fonction test, hasClass et l'utilisation de blur dont j'avais oublié à quoi ça servait :-) Heureusement nous en ressortons avec une documentation bien fournie pour rafraîchir notre mémoire. Un grand merci pour tout ça.
Carl Brison
Carl Brison
Avec plaisir. Merci pour votre commentaireValérie ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 09/06/2023
Merci pour ce panorama jQuery, qui me permet enrichir significativement ma trousse à outils js.
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery

Que contient le fichier source ?

Le code complet de ce tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données