Pour ce second volet consacré à l'apprentissage de la création de formulaires pour vos sites Internet, nous allons voir comment il est possible de contrôler les informations saisies dans un formulaire avant de le soumettre à un traitement PHP quelconque.
Je précise qu'il n'est pas nécessaire d'avoir suivi le 1er volet d'apprentissage des formulaires pour pouvoir suivre ce tuto.
Au programme de ce tuto Formulaire jQuery
Dans ce tuto en vidéo nous allons voir comment nous pouvons bloquer l'envoi d'un formulaire, puis nous verrons comment il est possible de vérifier la présence ou non d'informations dans un champ de formulaire grâce au jQuery.
Je vous présenterai également quelques expressions régulières afin d'avoir des connaissances plus approfondies pour mieux gérer les contrôles de formulaire.
Nous verrons également un plugin de jQuery qui permet de contrôler avec beaucoup moins de lignes de code, tout un formulaire complet !
Nous apprendrons à nous servir de ce plugin et nous y créerons nos propres méthodes.
Enfin, nous terminerons ce tuto par deux mises en application de tout ce que nous aurons vu.
A la fin de ce tuto, vous serez très largement en mesure de pouvoir gérer vos formulaires du côté client !
Je reste disponible dans le salon d'entraide pour répondre à vos questions éventuelles.
Un QCM est fourni pour valider vos connaissances.
Table des matières de cette formation jQuery (durée : 2h14m)
-
Cours de jQuery
- Téléchargement de jQuery 00:01:59
- Contrôler l'envoi du formulaire 00:07:50
- Conditionner l'envoi du formulaire 00:07:49
- Informer visuellement l'internaute 00:06:09
- Au moins 2 champs à vérifier 00:10:26
- Contrôler le nombre de caractères saisis 00:02:52
-
Un peu d'expressions régulières
- Interdir la saisie de certains caractères 00:05:06
- Contrôler une adresse email 00:11:10
-
Plugin jQuery
- Présentation 00:01:26
- Appel à la méthode 00:05:35
- Définir les règles 00:05:00
- Définir des messages personnalisés 00:04:39
- Comparer 2 champs 00:06:32
- Longueur de champs 00:04:16
- Créer sa propre règle 00:06:00
- Mise en forme 00:02:55
- Conclusion 00:01:11
-
Applications
- Application 1 - Partie 1/3 00:13:46
- Application 1 - Partie 2/3 00:04:04
- Application 1 - Partie 3/3 00:07:18
- Application 2 - Partie 1/3 00:06:24
- Application 2 - Partie 2/3 00:06:18
- Application 2 - Partie 3/3 00:03:26
- Conclusion 00:02:37
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci pour ce tuto, le plug-in validate est un bonheur. simple d'utilisation et rapide à comprendre
-
Merci, un grand merci pour ce Tuto une nouvelle fois très limpide et didactique. Quel bonheur ce plug-in validate qui facilite le contrôle des champs.
-
Tutoriel bien expliqué comme d'habitude. Cependant, ça se complique au fur et à mesure des tutoriels mais rien d'insurmontable non plus ! Merci pour ce tutoriel qui sera d'une grande utilité.
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Que contient le fichier source ?Les fichiers des applications
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés