IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

AJAX Contact Form


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2013
    Messages : 2
    Points : 1
    Points
    1
    Par défaut AJAX Contact Form
    Bonjour,

    Je personnalise un widget d'un thème Wordpress qui permet l'envoi d'un email après avoir rempli un formulaire de contact (Front end).
    Étrangement, tout fonctionne correctement si je suis connecté en mode Administration, mais pas quand je suis en mode Déconnecté.
    Seule la validation des champs requis se fait, pas l'envoi de l'email, ni l'affichage du message de remerciement.

    Le formulaire en test est visible sur le site www.approche.be sous l'onglet Contact.

    D'avance merci !

  2. #2
    Expert éminent
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 093
    Points : 6 754
    Points
    6 754
    Par défaut
    Bonjour,
    je viens d'essayer d'envoyer un message, et il semble que la soumission du formulaire soit bloquée par JavaScript. Si je force la soumission avec la console, je tombe sur une 404. Il faut noter que ton formulaire n'a pas d'attribut action.

    En mode administration, est-ce que le code HTML de ton formulaire est différent ?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2013
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    Salut,
    Dans le thème original que je personnalise, il n'y a pas d'action non plus. Cela vient du fait que l'on ne souhaite pas quitter la page pour rester dans l'onglet. Le message de confirmation de la réception (id='thanks') s'affiche seulement (disparition de class='hide'). De plus, le code html au niveau du formulaire est exactement le même en mode Administration.
    Le code du thème original (repris ci-après) n'a pratiquement pas été modifié.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <div class='form'>
       <form id='contact_form' class='dark' method='POST'>
          <p id='thanks' class='hide'>Thanks for contacting us !</p>
          <input class='required' name='name' placeholder='NAME' type='text'>
          <input class='required email' name='email' placeholder='EMAIL' type='text'>
          <input class='required' name='subject' placeholder='SUBJECT' type='text'>
          <textarea class='required' name='message' placeholder='MESSAGE'></textarea>
          <input type="hidden" name="action" value="layers_widget_ajax_contact_details">
          <input type="hidden" name="widget_action" value="send_email">
          <input type="hidden" name="widget_number" value="<?php echo esc_attr($this->number); ?>">
          <input type="hidden" name="nonce" value="<?php echo wp_create_nonce( 'layers-widget-actions' ); ?>">
          <div class='spacing'></div>
          <input class='button white small' type='submit'>
       </form>
    </div>

Discussions similaires

  1. Réponses: 0
    Dernier message: 20/05/2014, 15h41
  2. [JSF2] Ajax avec @form
    Par Flam dans le forum JSF
    Réponses: 0
    Dernier message: 30/08/2012, 16h50
  3. Réponses: 1
    Dernier message: 28/06/2012, 14h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo