Tuto publié par Dans ce tuto CSS et Jquery, nous verrons comment styliser un formulaire en CSS et comment le valider côté client avec Jquery.
Nous réaliserons donc un formulaire contenant quelques champs.
Nous verrons ensuite comment lui donner de l'allure avec CSS.
Puis nous finirons par voir comment vérifier les champs de ce formulaire, afficher les messages d'erreur et modifier l'apparence des champs mal remplis grâce au framework Jquery.
Bon tuto!
Jetez un oeil à ces autres tuto CSS, jQuery
Apprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…
Changer l'apparence d'une…
Dans ce tuto CSS, vous apprendrez à créer une effet de changement…
Initiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Créez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…
Un menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…
Utilisez n'importe quelle…
Dans ce tuto CSS, vous découvrirez comment utiliser facilement…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS, jQuery de 33 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Témoignage des clients de simpledev
Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site
Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !
Bref j'ai pas besoin de préciser très bon formateur :)
Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.
Quoi dire d'autre ? merci pour tout ;).
Lire les autres témoignages
D'autres tuto de simpledev
Système de commentaires avancé
Dans ce tuto PHP en vidéo, nous verrons comment réaliser un système de commentaires…
Validation de formulaire en PHP avec conditions ternaires
Dans ce tuo PHP en vidéo, nous verrons comment valider nos formulaire en PHP avec les…
Conditions ternaires en PHP
Dans ce tuto PHP en video, nous aborderons les conditions ternaires en PHP.Nous verrons…
Afficher le début d'un texte avec une requête SQL
Dans ce tutoriel PHP/MySQL en video, nous verrons comment afficher le début d'une chaîne…
Notes attribuées par les utilisateurs (15 votes)
Les avis / Questions des utilisateurs (10)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS, jQuery d’une durée de 33 minutes a été acheté 161 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 17 août 2010 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Formulaire.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 24010 tuto classés dans nos 201 logiciels ou langages informatiques.
(n'a pas acheté ce tuto - 04 mai 2012)
" j'ai une question : est ce que ton tuto explique comment envoyer le message en jQuery ou faut il absolument faire du php pour envoyer le mail rédigé d'un formulaire? désolé si ma question parait naive.. "
(a acheté ce tuto - 26 décembre 2011)
" 5/5 "
(a acheté ce tuto - 17 décembre 2011)
" ** "
(a acheté ce tuto - 09 novembre 2011)
" tres sympa ce tuto !
Vais enfin pouvoir faire de jolie formulaire.
Merci ... "
(a acheté ce tuto - 28 octobre 2011)
" merci "
(a acheté ce tuto - 28 octobre 2011)
" Tres bon tuto grace a ca mes formulaires sont mieux "
(a acheté ce tuto - 10 mai 2011)
" Voilà comment aborder le JQuery en tout simplicité, génial ! "
(a acheté ce tuto - 04 février 2011)
" Très bon tuto, j'y ai découvert input[type=text] pour le CSS, néamoins comme le souligne adp2i, il aurait fallut se pencher sur les propriétés des angles arrondis sur tout les navigateurs, mais aussi du rendu, car, pour la couleur au focus des champs, pour chrome par exemple il faut mettre : outline-color: #795C5A;
Ceci étant dit, très bon tutoriel qui prouve que sans image, un formulaire peut avoir du style.
Bonne continuation. "
(a acheté ce tuto - 06 novembre 2010)
" Super. extrêment clair et complet. Merci "
(a acheté ce tuto - 01 octobre 2010)
" Très bon tuto manque juste la démarche pour des cadres arrondis pour IE. "