Comment créer un formulaire de contact gratuit en PHP/Ajax/Jquery (Tutorial)





 

Comment créer un formulaire de contact gratuit en PHP/Ajax/Jquery (Tutorial)

 

Ce petit Tutorial vous explique comment utiliser les langages XHTML, CSS, jQuery et un peu de PHP pour faire un formulaire de contact de type « pop up » qui recouvrira votre page lorsque vous cliquerez sur un lien hypertext. Le formulaire valide tout ce qui est entré dans le formulaire, ensuite Ajax se charge d’envoyer le formulaire sans rafraichir la page.

 





9
Poster un Commentaire

avatar
9 Fils de commentaires
0 Réponses de fil
0 Abonnés
 
Commentaire avec le plus de réactions
Le plus populaire des commentaires
3 Auteurs du commentaire
Yoannromainfunpro funpro Auteurs de commentaires récents
  S’abonner  
Notifier de
funpro funpro
Invité
funpro funpro

une erreur dans le code : Invalid username entered!

romain
Invité
romain

Bonjour d’abord Merci !

Mais bon j’ai passé 4 heures à essayer de débugger le problème de : Invalid username entered!

Et je n’ai pas réussi donc si tu as une soluce !! Plz Give !!!

romain
Invité
romain

Bon javascript corrigé par un ami par contre pour la partie transfert entre le javascript et le php! Mystère !!! Je ne reçois jamais le mail !! le .js corrigé : $(function() { // load the modal window $(‘a.modal’).click(function(){ // scroll to top $(‘html, body’).animate({scrollTop:0}, ‘fast’); // before showing the modal window, reset the form incase of previous use. $(‘.success, .error’).hide(); $(‘form#contactForm’).show(); // Reset all the default values in the form fields $(‘#name’).val(‘Votre nom et prénom’); $(‘#email’).val(‘Votre adresse mail’); $(‘#comment’).val(‘Votre demande/message…’); $(‘#ville’).val(‘Votre ville’); $(‘#telephone’).val(‘Votre numéro’); //show the mask and contact divs $(‘#mask’).show().fadeTo( », 0.7); $(‘div#contact’).fadeIn(); // stop the modal link from… Lire la suite »

romain
Invité
romain

Plz de l’aide !!!

romain
Invité
romain

je reviens sur les modifs :

php corrigé :

<?php
header("Content-Type: text/plain; charset=UTF-8");//

romain
Invité
romain

et javascript corrigé : $(function() { // load the modal window $(‘a.modal’).click(function(){ // scroll to top $(‘html, body’).animate({scrollTop:0}, ‘fast’); // before showing the modal window, reset the form incase of previous use. $(‘.success, .error’).hide(); $(‘form#contactForm’).show(); // Reset all the default values in the form fields $(‘#name’).val(‘Votre nom et prénom’); $(‘#email’).val(‘Votre adresse mail’); $(‘#comment’).val(‘Votre demande/message…’); $(‘#ville’).val(‘Votre ville’); $(‘#telephone’).val(‘Votre numéro’); //show the mask and contact divs $(‘#mask’).show().fadeTo( », 0.7); $(‘div#contact’).fadeIn(); // stop the modal link from doing its default action return false; }); // close the modal window is close div or mask div are clicked. $(‘div#close, div#mask’).click(function() { $(‘div#contact, div#mask’).stop().fadeOut(‘slow’); }); $(‘#contactForm… Lire la suite »

romain
Invité
romain

Php corrigé pardon ^^ :
<?php
header("Content-Type: text/plain; charset=UTF-8");//

romain
Invité
romain

bon ben veux pas de php !!!

Yoann
Invité
Yoann

Salut Romain, désolé que le script ne fonctionne pas, je tâcherai d’en trouver un meilleur pour remplacer celui-ci