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 !
Table des matières de cette formation jQuery (durée : 1h02m)
-
- Mettre en place le code HTML 00:06:20
- Mettre en forme la base de notre document 00:07:26
- Mettre en forme le formulaire 00:09:41
- Contrôler que les champs du formulaire sont remplis 00:08:44
- Contrôler que le champ LOGIN contient des caractères alphanumériques 00:10:46
- Bloquer le formulaire si le LOGIN n'est pas satisfaisant 00:06:45
- Bloquer le formulaire si l'EMAIL n'est pas satisfaisant 00:05:28
- Bloquer le formulaire si l'AGE n'est pas satisfaisant 00:05:20
- Conclusion 00:02:01
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Toujours au top dans la pédagogie et progression des connaissances . Merci pour cet excellent Tuto. Didier
-
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.
-
Merci pour ce panorama jQuery, qui me permet enrichir significativement ma trousse à outils js.
-
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
note moyenne
avis laissés