La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Problème Formulaire de contact
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Problème Formulaire de contact  (Lu 2681 fois)
Problème Formulaire de contact
« sur: le 13-06-2013 a 09:53:54 »
kaporal05
Membre récent
*

Hors-Ligne

Messages: 19



Je suis un lama!

Voir le Profil    WWW
Répondre avec citation

Bonjour à tous,

J'ai un problème avec la validation de mon formulaire.

Lorsque le client rempli mon le formulaire de contact et qu'il clique sur "ENVOYER", les informations me sont bien transmises sur mon mail en revanche le message de confirmation (votre mail à bien été envoyé ...) n'apparait pas chez le client !

Rien ne se passe, sauf lorsque que j'enlève id="contact-form" du formulaire, alors la le client est redirigé vers la page send.php

J'ai tout essayé en puisant dans mes connaissances et dans google mais rien à faire.

Il faut savoir une chose, ce site est hébergé chez OVH, et un autre de mes sites est également hébergé chez OVH, celui-ci utilise le même formulaire et ça fonctionne. J'ai fais des tonnes d'essais en prenant les pages du site qui fonctionne et en les mettant sur l'autre, ... rien à faire ! J'ai l'impression que le problème vient du serveur du 1er site ... mais la il me faut une solution alternative que je n'ai pas ! HELP ME PLEASE !

LE FORMULAIRE (page html)
Citation:
<form action="send.php" id="contact-form" method="post">
            <fieldset>
               <label>Nom <span class="required">*</span></label>
               <input type="text" name="name" id="Myname" value="" class="text requiredField"/>
            </fieldset>
            <fieldset>
               <label>Email <span class="required">*</span></label>
               <input type="text" name="email" id="myemail" value="" class="text requiredField email"/>
            </fieldset>
            <fieldset>
               <label>Objet <span class="required">*</span></label>
               <input type="text" name="subject" id="mySubject" value="" class="text requiredField subject"/>
            </fieldset>
            <fieldset>
               <label>Votre Message <span class="required">*</span></label>
               <textarea name="message" id="Mymessage" rows="20" cols="30" class="text requiredField"></textarea>
            </fieldset>
            <fieldset>
               <input name="Mysubmitted" id="Mysubmitted" value="Send Message" class="button dark-blue" type="submit"/>
            </fieldset>
         </form>


send.php
Citation:
<?php
   if($_POST){
      $to = '......@.....com';
      $subject = $_POST['subject'];
      $from_name = $_POST['name'];
      $from_email = $_POST['email'];
      $message = $_POST['message'];
      $header = "From: $from_name <$from_email>";
      mail($to, $subject, $message, $header);         
   }
?>


extrait custom.js
Citation:
jQuery.noConflict()(function($){
$(document).ready(function() {
   $('form#contact-form').submit(function() {
      $('form#contact-form .error').remove();
      var hasError = false;
      $('.requiredField').each(function() {
         if(jQuery.trim($(this).val()) == '') {
               var labelText = $(this).prev('label').text();
               $(this).parent().append('<div class="error">You forgot to enter your '+labelText+'</div>');
               $(this).addClass('inputError');
               hasError = true;
            } else if($(this).hasClass('email')) {
               var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
               if(!emailReg.test(jQuery.trim($(this).val()))) {
                  var labelText = $(this).prev('label').text();
                  $(this).parent().append('<div class="error">You entered an invalid '+labelText+'</div>');
                  $(this).addClass('inputError');
                  hasError = true;
               }
            }
      });
      if(!hasError) {
         $('form#contact-form input.submit').fadeOut('normal', function() {
            $(this).parent().append('');
         });
         var forM&#1048;&#1053;put = $(this).serialize();
         $.post($(this).attr('action'),forM&#1048;&#1053;put, function(data){
            $('form#contact-form').slideUp("fast", function() {
               $(this).before('<div class="simple-success">Le formulaire a bien été envoyé. Nous prendrons contact avec vous rapidement.</div>');
            });
         });
      }

      return false;

   });
});
});

Rapporter au modérateur  

Re:Problème Formulaire de contact
« Répondre #1 sur: le 01-07-2013 a 22:18:09 »
Tonyweb
Membre récent
*

Hors-Ligne

Messages: 21





Voir le Profil    WWW    E-Mail
Répondre avec citation

Bonjour,

J'ai créé un tutoriel pour ce genre de formulaire. Je t'invite à le lire afin de résoudre ton problème :

http://www.devup.fr/verifier-et-poster-les-champs-dun-formulaire-en-jqueryajax/

Rapporter au modérateur  

Créateur de www.devup.fr - Tutoriels, ressources et articles autour du web
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg