Tutoriel vidéo PHP : Formulaire de contact avancé

Ce tutoriel est un tutoriel "Premium".

Pour y accéder il vous suffit de créer un compte devenir premium, vous pourrez alors télécharger la vidéo complète et les fichiers liés...

Dans ce tutoriel vidéo payant vous verrez comment créer un formulaire de contact avancé qui permet :

  • Envoyer un mail (ça peut servir dans un formulaire de contact...)
  • Vérifier que les champs sont remplis et valides
  • Sélectionner le service à contacter
  • Vérifier les champs en Javascript (avec jQuery)
  • Créer une barrière antispam avec la création d'un champ caché

Le tutoriel est disponible sur Weecast pour 3 €.

Enfin, les 3 premiers commentaires auront droit au tutoriel GRATUITEMENT, histoire de récompenser les plus assidus d'entre vous...

Tags : PhpJqueryFormulaireValidationMailContactAntispam

Tutoriel PHP posté Mercredi 13 Mai 2009
 62 Commentaires
Ils l'ont utilisé
Vos commentaires

Bergit (Mercredi 13 Mai 2009 à 11:17):

Bonjour
Premier,on ? sinon il a l'air vraiment bien ce tutoriel.

Kroswell (Mercredi 13 Mai 2009 à 11:26):

salut,
2ème...
merci à toi pour tes tutos qui me permettent de pas mal avancer.
je peux pas en dire plus sur celui-ci... vu que je ne peux pas encore le voir ^^
c'est pas très constructif ? mmmoui, je sais bien ;o)

legendary (Mercredi 13 Mai 2009 à 11:34):

han !! merci c'est bon ça

Ikzz (Mercredi 13 Mai 2009 à 11:38):

Oula attendez pourquoi j'ai le pseudo de graphikart quand j'utilise saphari?

**Lyes** (Mercredi 13 Mai 2009 à 11:40):

je peut sortir de la règle ?

Grafikart (Mercredi 13 Mai 2009 à 11:40):

@Ikzz : Oula super bizarre ça. Essai de supprimer les cookies, ça devrait résoudre le souci.

Babou (Mercredi 13 Mai 2009 à 12:15):

Mdr moi aussi j'ai le pseudo de Grafikart sous FireFox ^^'
Bref il a l'air bien le tuto malheureusement je suis toujours mineurs et mes parents ne veulent pas que je dépense de l'argent pour voir le tuto ^^' Donc je peux pas te dire c'que j'en pense. Désolé.

IkzZ (Mercredi 13 Mai 2009 à 12:32):

Ah oui ça va mieux^^. Roh moi j'étais sur le site depuis 9h45 environ mais je regarder le tutoriel sur les commentaires sur les blogs. Je reviens sur la page d'accueil et je vois la new. Owned^^. Moi aussi étant mineur je ne sais pas trop si ma mère voudrait payer pour le tuto. En tout cas il a l'air super je vais essayer de payer j'en ai besoin pour mon prochain site^^.

Bonne journée

Nagra (Mercredi 13 Mai 2009 à 12:58):

Salut,
le tuto à l'air super bien et riche ,
xD je suis tjs connecté sur Grafikart , j'ai raté de peu la free version

patounet (Mercredi 13 Mai 2009 à 14:59):

ah...je suis pas le prem's.
je suis même le dern's.
tant pis je vais passer et repasser l'extrait de la video en boucle.
sniff

Jayes (Mercredi 13 Mai 2009 à 21:01):

je trouve que le fais de faire payer des tutoriel fait perdre un sens a cette aventure, tes tutos me passionnent je ne m'en sert pas particulierement mais jaime beaucoup les regarder et apprendre.Pour moi le fait de de payer pour un tutoriel ne fais plus de lui un tutoriel, surtout que j'ai rien compris a weecast les couilles :p

Blef (Jeudi 14 Mai 2009 à 22:46):

C'est de mieux en mieux \o/, pour ma part je trouve le fait de rendre quelques tutoriels payants est une bonne idée car cela permet de récompenser le temps que Grafikart passe pour essayer d'expliquer aux personnes. Mais aussi vu le niveau et la qualité des tutoriels. Donc pour un de 50 minutes c'est un logique normale. Si je n'étais pas mineur je l'aurais surement acheté. Enfin le souçi quand je veux réaliser un truc de ce genre pour moi même c'est avec la liste déroulent je n'arrive pas à renvoyer ses données sur la base de données. Enfin sinon continue... °°

fedora2 (Jeudi 14 Mai 2009 à 23:48):

j'ai pas du chance cet fois en tout cas Merci bien Grafikart

Shin (Vendredi 15 Mai 2009 à 23:08):

Le fait est qu'il y a toujours eu un moyen de récompenser notre cher Raton-Laveur.

Vous savez, le bouton "Me payer un café"...
Personnellement je commence a regretter de m'en être servie vu qu'apparemment ça ne suffit plus...

Je plussoie le fait qu'un "tutoriel payant" est une antinomie =/

D'ailleurs avec la politique actuelle du site, le premier tutoriel que j'ai lu et qui m'a dans l'instant fidélisé, et je crois bien fidélisé énormément de monde sur weecast du fait de sa gratuité, aurait probablement été payant (l'intégration complète d'un site en html) et je n'écrirais pas ce commentaire à l'heure actuelle.

Le fait est que je me sens maintenant comme un vulgaire pigeon qu'on aurait appâté avec des tutoriels gratuits... or je sais que ce n'est pas le cas, le travail gratuitement effectué jusqu'à maintenant le prouve je constate juste que ce site bascule du coté obscure à la manière d'un emob...

Voilà tout cela pour dire que non, le travail non rémunéré n'est pas une solution pour un jeune aussi talentueux, mais que porter notre attention sur le fait qu'une donation était importante, et le rappeler à ceux qui l'auraient oublié, aurait été a mon sens plus judicieux.

Sur ce, merci pour les tutoriels et en espérant que tout ceci reste raisonnable.

Grafikart (Samedi 16 Mai 2009 à 00:35):

@Shin : Si tu as fait un don tu as du recevoir un code permettant de la voir gratuitement. Si ce n'est pas le cas n'hésite pas à m'envoyer un mail. Penser que j'aurais rendu mon tutoriel intégration payant est une erreur. Tu remarquera que la plupart des tutoriels continue et resteront gratuits. La je propose une version plus avancé d'un tutoriel qui existe donc je pense justifié de faire payer le visionnage de ce dernier.

Sinon je planche actuellement sur une refonte du modèle économique des tutoriels qui devrait satisfaire tout le monde. Enfin j'espère...

fedora2 (Samedi 16 Mai 2009 à 15:39):

Grafikart : un mot qu'il faut le dire , nous vous remercie bcp pour tout les tutoriel mois j'ai téléchargé tout presque et j'ai bien compris bcp de chose en fin si tu a mis qlq tuto payant sa ne pose pas de problème malgré que moi je peut pas te payer car en Tunisie on peut pas utiliser PayPal désolé si tu a une autre méthode de payement dit moi je te verse la somme que tu veut car vous avez nous aidez beaucoup et c'est votre droit Votre petit Frère.

animfolie (Samedi 16 Mai 2009 à 23:56):

j'ai acheter ton tuto :-)

cerise (Samedi 16 Mai 2009 à 23:57):

Tuto génial exellent
Merci et bonne continuation
cerise

Hilz (Dimanche 17 Mai 2009 à 16:31):

Bonjour,

J'ai regardé ton tutoriel. Je dois dire que je n'ai pas compris l'interêt de "reverifier" en javascript. Que fait-on de plus à part colorier la case ?

Alors d'accord peut-être que la vérification javascript est plus satisfaisante, mais alors pourquoi garder celle en php ? N'est-on pas entrain d'alourdir le code ?

De plus, un moment tu as dis, chaque fois qu'une personne tape un caractère nous vérifions... Ce n'est pas vraiment le cas, non ? Je m'attendais à un système ajax personnellement.

Sinon le reste est pas mal.

Merci d'avance et merci pour ton travail.

Grafikart (Dimanche 17 Mai 2009 à 18:26):

@Hilz : Le fait d'implémenter du javascript permet de faire une vérification coté client. C'est à dire que c'est le navigateur qui se charge de contrôler les champs gràce au javascript. En aucun cas ça ne peut remplacer la vérification PHP car une personne peut très bien désactiver javascript.

Effectivement je dis qu'on peut vérifier à chaque fois que la personne tape tu peux regarder le tutoriel de la section jquery sur la validation d'un formulaire.

Enfin, l'Ajax n'est absolument pas approprié à la situation dans le cadre d'une vérification de champs. En revanche, je prévois un tutoriel sur l'envoi de formulaire en Ajax.

Shin (Dimanche 17 Mai 2009 à 18:32):

Le fait est Jojo qu'un don à mon sens se doit d'être en quelque sorte désintéressé, c'est là l'aspect noble de la chose.

Je ne souhaites donc pas recevoir ce tutoriel gratuitement parce que j'aurais eu un petit élan de générosité (grandement méritée) alors que d'autres, certains dans l'impossibilité de le faire, on a bien vu qu'il y a beaucoup de jeunes, doivent le payer =/

Mais je suis un idéaliste, il est vrai qu'on ne paie probablement pas un serveur et surtout les heures de labeur, avec des dons ou des pub, mais commencer comme ça, c'est je pense ce qui a séduit tout le monde, et faire un pas en arrière maintenant c'est vraiment dommage.

Enfin, c'est ridiculement peu important en comparaison de ce que tu as fais jusqu'à présent avec tes autres tutoriels donc ne prends pas cette petite critique trop au sérieux, et fait comme il te sied. =)

Hilz (Dimanche 17 Mai 2009 à 18:33):

Merci pour tes réponses ! Sa clarifie un peu mes idées :p

Sinon, je trouve que c'est une excellente idée de te lancer dans les tutoriels ajax. Cette technologie peut être tellement énorme quand elle est maitrisée.. Ne serait-ce que cacher une div en fonction des situations... Need :p

Merci encore pour tout

Ps : Pour prendre part au sujet, je trouve normal que tu fasses payer les tutoriels de cet envergure.

Skob (Mercredi 20 Mai 2009 à 22:01):

Vers 11h j'étais en cours ^^' Donc c'est dead pour moi.... Mais je l'ai acheté =D

Ahmed (Jeudi 21 Mai 2009 à 17:55):

Bonjour,
J'ai acheter le tuto concernant le formulaire avancé, et enfin de compte je l'ai trouvé en extension wee qui approprié à weecast et qui nécessite obligatoirement un player qui est déjà indisponible pour le télécharger, il me donne un erreur n° 1009, alors quoi faire et je suis pas censé d'avoir une extension inconnue, alors j'aime bien avoir un video en mov ou bien mpg.
J'attends votre réponse, et je veux te féléciter pour ton talon.
Ciao

Zod (Dimanche 24 Mai 2009 à 02:23):

Il a quoi son talon ? xD
Alala

mHelba (Dimanche 24 Mai 2009 à 10:58):

@Grafikart : Je voulais savoir si tu comptais a long termes descendre un tout petit peut le prix de ce tutoriel comme tu a fais pour ton 1er payant.
Car après avoir acheté ton 1er à 3 euros il m'en reste 2 sur mon compte.
Ça ne fais qu'un euro de différence avec les 3 euros que tu demande pour celui la, mais la recharge minimum du compte weecast étant de 5 euros ça me dérange un peut de devoir le recharge autant :\

fdadj (Dimanche 24 Mai 2009 à 19:58):

Bonjour Grafikart,

Merci pour ce tutoriel, il fonctionne très bien.

Bom (Vendredi 05 Juin 2009 à 11:28):

Bonjour

Je tiens a félicité Grafikart pour son site qui me fait aimer le PHP, mais là, commencer a faire payer ...
On sait pas jusqu'ou ça va aller !!!
Pour quoi ne pas mettre des publicités sur ton site ? Au moins c'est les annonceurs qui paieront car les trucs payants sur le net moi ça me fait fuir.

Mais si non encore bravo !!!

twisted355 (Jeudi 20 Août 2009 à 18:10):

Dommage que la vidéo soit payante ....Je suis Stagiaire en WebDesign et j'ai pas forcément les moyens de payers des vidéos ... dommage mais bon voila... sinon ça reste un site très intéressent pour l'apprentissage


Akronos (Vendredi 28 Août 2009 à 15:30):

Salut tout le monde.

Alors voilà, je suis étudiant en informatique, et je compte bien me spécialisé en programmation PhP. Je travail d'ailleurs en ce moment sur un site de partage de script PhP.

Je viens souvent regarder les tutos de grafikart, que ce soit ceux de PhP comme ceux de 'toshop, pas forcément pour apprendre (puisque il utilise les base de PhP, et j'trouve ça super) mais aussi pour m'inspirer sur la construction de mes scripts etc...

Si je post ce commentaire c'est pour tout ceux qui se plaignent qu'il y est un ou deux tutos payant... Cela me parait assez extraordinaire de ce plaindre de devoir payer 3€00 à un gars qui se cesse le c*l à vous faire des vidéos de tuto qui sont, à mes yeux, franchement bien fait!

Je veux dire, on est dans une société de consommation, on peut pas tout avoir gratuitement, surtout qu'un tuto de formulaire basique c'est pas difficile à trouver gratuitement (si vous voulez du gratuit), maintenant je suis sûr que celui-ci avec son aspect avancé mérite largement 3€.

Pour Bom qui propose un système de publicité: J'trouve personnellement que les publicité sur un site sont très négatives (hormis si c'est un espace publicité), mais celles-ci gênent et alourdissent la navigation du client, donc vu la fluidité de navigation sur Grafikart, moi j'pense que ces mieux comme c'est.

Donc bon boulot à toi pour ce site génial et pour tes tutos qui ne demandent rien de plus qu'un niveau "débutant" (dans le sens ou connaitre les bases de PhP est largement suffisant pour comprendre). J'pense que ce que tu fais intéresse pas mal de jeune, et que ça leur enlève un petit peu leur côté de mauvais programmeur qui cherche à bousiller des sites =)

@Ahmed: C'est talent et pas talon ^^'

valentin45000 (Mardi 01 Septembre 2009 à 16:00):

J'utilise des générateur sur le web et essai de modifié le code php donné.
Et je penser que sa allez pouvoir m'aider, bah non.
Vu que c'est payant, je trouve sa très dommage d'ailleur d'autant plus que je trouve que cela gache un peu l'image du site.
En plus certaine personne (comme moi --') son mineur et ne peuvent pas le payé.

kirtap (Mardi 08 Septembre 2009 à 20:27):

Bonsoir,

Peut-on trouver le code de la page qui sert d'exemple dans le tutoriel ? Cela permettrait de suivre le tutoriel sans avoir à arrêter sans arrêt la vidéo pour le copier.
Merci

Patrick (Mercredi 09 Septembre 2009 à 10:21):

Bonjour,

Je viens d'acquérir par Weecast votre tutoriel. Merci beaucoup pour la qualité de votre information. Je souhaiterai toutefois pouvoir disposer du code de la page "exemple" afin de pouvoir suivre le tutoriel sans être obligé de faire souvent des arrêts sur la vidéo pour pouvoir le noter. Est-il possible de le mettre en ligne sur votre site ?

Merci encore une fois pour la qualité de votre travail.

Patrick

Grafikart (Mercredi 09 Septembre 2009 à 11:54):

Là je n'ai pas les sources sous la main mais dès que je récupère ça je mettrai sur weecast

laxoudas (Dimanche 04 Octobre 2009 à 00:52):

Salut, c'est un bon site web en tout cas ça va nous servir de l'utiliser en tant que site de référence pour photoshop

fantoche (Mercredi 21 Octobre 2009 à 11:42):

Bonjour et bravo pour votre travail, bon esprit !
Avez-vous retiré la possibilité de charger les source aux membre premium ? J'aurais bien aimer comparer mon résultat au votre car quelques petites choses ne fonctionne pas chez moi.
Est t'il possible de vous soumettre des idées de cours ?
Si oui ou ?

merci pour tout !!

Grafikart (Mercredi 21 Octobre 2009 à 13:09):

Pour les sources il faut que je transfère les fichiers, ils seront dispo d'ici la fin de la semaine. Pour des idées tu peux me contacter par mail c'est le plus simple.

mok (Vendredi 23 Octobre 2009 à 16:44):

comment puis-je acceder le tuto merciii

Nouipoz (Vendredi 23 Octobre 2009 à 18:13):

Bonjour , pour accéder au tutoriel tu doit payer 3 euro :P

lariflette (Dimanche 25 Octobre 2009 à 15:07):

bravo pour vos tutoriels
Je me suis abonné aussitôt à la version prenium car je trouve normal de récompenser et de rénumérer le travail effectué dans tous les tutoriels mis en ligne sur ce site
je dis bravo à l'auteur.
j'ai suivi et exécuté le script que je compte me servir dans un projet en cours mais j'ai remarqué que lorsque l'on relance le navigateur le script s'exécute de nouveau et renvoi un mail ce qui est gênant.
Comment fermer et sécuriser le formulaire par jquery ou Php pour l'empêcher de renvoyer un mail lorsque l'on réactive la page par le navigateur?
Hormis cela, beau travail et les 10€ sont bien mérités.
G.
toutes peines méritent salaire comme dit le dicton

Grafikart (Dimanche 25 Octobre 2009 à 17:12):

Merci pour les encouragements,
Pour ton problème tu peux utiliser une redirection. Par exemple,
-une personne soumet le formulaire
-la page chargé envoie le mail mais n'affiche rien, à la place on met une redirection (via header("location...") )
-la personne se retrouve donc sur une page qui ne fait qu'afficher le message de succès ou d'échec.
Si tu as d'autres questions n'hésite pas.

lariflette (Dimanche 25 Octobre 2009 à 18:36):

Merci pour la réponse
je vais appliquer cette suggestion pertinente;

valentin45000 (Vendredi 20 Novembre 2009 à 19:57):

Peut-on avoir les sources svp ?

jd_regena (Samedi 28 Novembre 2009 à 19:11):

Je vous felicite et je vous ordonne de continuer. C'est vraiment benefique d'aider les autres surtout dans mon pays on ne s'entraide pas.
Pour ma part j'aimerais un tuto sur al generation d'un fichier .pdf apres l'avoir remlpli sur un formulaire et la creation de plusieurs comptes protege a partir d'un mot de passe que je leur attribue. Merci contuinuer toujours a nous aider et je pense que vous serz recompenser

fab1105 (Mardi 01 Décembre 2009 à 23:00):

Un tuto vraiment génial et bien fait, j'ai appris une façon de coder bien meilleure que celle que j'avais pour valider les donnnées et afficher les messages d'erreur. Tes tutos me font vraiment progresser, j'en mange tous les jours, vraiment merci!
Ce que j'aimerai bien ce serai un big tuto "espace membre" complet avec inscription, mail de validation, edition de profil, newsletter etc...
Encore merci et continues comme ça!

Chris (Jeudi 03 Décembre 2009 à 16:06):

Dommage de ne pas avoir les sources du tutoriel

seqen (Dimanche 06 Décembre 2009 à 11:06):

Bonjour et bravo pour ce tuto que j'ai acheté car tout travail mérite salaire!
Tout fonctionne très bien mais dès que je passe sur internet explorer 6 et 7 là aucuns messages d erreurs s'affichent. Comment remédier à ce problème?
Merci

koudji (Mercredi 13 Janvier 2010 à 00:17):

Bonjour.

Merci Grafikart pour cette vidéo très instructive. J'ai eu un message d'erreur qui s'est affiché après avoir rempli la fonction mail if(mail($to,$sujet,$message)). Je reçois le message suivant qui s'affiche en haut de la page :


Warning: mail() [function.mail]: Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set()

Evidement, tout cela ne me dit rien ou très peu, et je n'ai aucune idée de savoir comment se connecter au port 25 (si c'est ce qu'il faut faire). Je sais où se trouve le fichier php.ini mais ne sais pas ce que je dois y changer. Je ne suis pas développeur et n'ai que de très petites connaissances en programmation mais je m'améliore beaucoup ces dernières semaines entre autre grâce aux tutoriaux de Grafikart.

Quelqu'un peut-il me dire ce que signifie ce message d'erreur et si c'est "simple" à corriger ? Si oui, que faut-il faire ? N'hésitez pas à entrer dans les détails.

Merci.

chama (Jeudi 14 Janvier 2010 à 22:51):

je trouve très intéressant ce site.

Nouipoz (Mercredi 10 Février 2010 à 14:38):

Simpas , ce tutoriel , Encore une fois BRAVO !

Merci : D

rom07 (Vendredi 19 Février 2010 à 19:24):

Un grand bravo et merci à toi.

huckars (Lundi 29 Mars 2010 à 00:50):

bonsoir ... Je rencontre un soucis au niveau de l'installation de l'anti-spam coté php, je suis en local sous wamp !

J'ai une erreur "undefined variable" à cette ligne :

if($adresse != ""){
}

Pourriez vous m'éclairer sur mon soucis svp ? merci

youne (Mercredi 31 Mars 2010 à 08:35):

salut, je te félicite, tout d'abord, pour la qualité de tes tutoriels, j'ai appris beaucoup de choses grâce à toi.
permet moi d'abuser, et de poser une question:
comment faire pour que le choix sélectionné par l'utilisateur, par une zone d'option ou des boutons radio, reste affiché comme pour les zone de texte et les textarea?
j'ai essayé plein de combines mais je ne trouve toujours pas.
merci encore

n3o (Mercredi 07 Avril 2010 à 17:51):

Bonjour je viens d'acheter votre tutoriels par contre il n'y a pas les sources serait-il possible de les avoirs s'il vous plait pour etudier le design du formulaire que je trouve trés beau.

orky (Vendredi 30 Avril 2010 à 10:27):

Bonjour,

est-il possible de mettre les sources a dispo !! c'est plus simple pour moi en visionnant la vidéo.

Merci d'avance

Nicolas (Vendredi 07 Mai 2010 à 14:56):

Bonjour,

J'ai le même problème que youne.

"comment faire pour que le choix sélectionné par l'utilisateur, par une zone d'option ou des boutons radio, reste affiché comme pour les zone de texte et les textarea?"

Quelqu'un a-t-il un début de piste?

Merci d'avance.

georgesrazafi (Samedi 19 Juin 2010 à 09:50):

Bonjour,
Dans le champs message, j'ai une erreur, quand on clique dedans, le curseur se met au milieu du champs, et quand on envoie le formulaire en laissant vide le champs message, il n'affiche pas d'erreur, c'est à dire le champs textarea n'est pas vide.
Qu'est-ce que dois-je faire pour vider ce champs?
Merci d'avance.

R-transat (Mardi 06 Juillet 2010 à 19:40):

Je ne peux pas accéder au tuto, je suis pourtant prenium...

R-transat (Mardi 06 Juillet 2010 à 19:41):

J'ai rien dit

galadiel (Vendredi 13 Août 2010 à 21:08):

Merci pour cet excellent tutoriel.

mickael002 (Samedi 28 Août 2010 à 10:28):

Bonjour,

Je me suis inscris, payer mais aucun lien de téléchargement ...

Cordialement

Badbart (Samedi 28 Août 2010 à 12:10):

Dans le menu de droite, sous ta trombine tu as un autre cadre Creative Commons, le téléchargement de la vidéo (pck il y a pas de source pour ce tuto), ce trouve la.

 

Ajouter un commentaire

Si vous rencontrez un problème avec votre code et que vous avez une question spécifique utilisez plutôt les questions pour avoir une réponses rapide.

Vous devez activer javascript.
 

 

Suivre les commentaires de ce tutoriel