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

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

Carl Brison
18,99€
Acheter maintenant, payer plus tard. En savoir plus

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
06m20
Leçon 2Mettre en forme la base de notre document
07m26
Leçon 3Mettre en forme le formulaire
09m41
Leçon 4Contrôler que les champs du formulaire sont remplis
08m44
Leçon 5Contrôler que le champ LOGIN contient des caractères alphanumériques
10m46
Leçon 6Bloquer le formulaire si le LOGIN n'est pas satisfaisant
06m45
Leçon 7Bloquer le formulaire si l'EMAIL n'est pas satisfaisant
05m28
Leçon 8Bloquer le formulaire si l'AGE n'est pas satisfaisant
05m20
Leçon 9Conclusion
02m01

Aperçus

Avis des apprenants

Détail des avis
26
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 3

Que contient le fichier source ?

Le code complet de ce tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 18,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données