AJAX Contact Form

Version imprimable

08/02/2016, 15h06
milou2002

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 !
08/02/2016, 15h49
Watilin

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 ?

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:

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>