Discussion :

[bebeto13]

Salut,
j'utilise Idealforms comme framework pour ma page contact.
J'ai un problème avec le fichier PHP qui récolte les données pour me les envoyer via email.
Mon souci est que je voudrais qu'après l’écho du bouton "submit", l'utilisateur reste sur la même page et qu'il ne soit pas redirigé vers www.monsite.com/process.php.
Mes connaissances en php sont très limitées

Merci pour toute aide!

mon formulaire en question

HTML

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<form id="my-form" action="process.php" method="post" enctype="multipart/form-data">
        <div>
          <h2>BOOKING</h2>
          <p>Du planst eine Party und suchst einen DJ? Sende mir einfach eine Nachricht mit dem Termin, Uhrzeit und Musikwünsche.</p>
        </div>
        <div>
          <label>Name:</label>
          <input id="username" name="username" type="text"/>
        </div>
        <div>
          <label>Phone:</label>
          <input type="tel" name="phone" data-ideal="phone"/>
        </div>
        <div>
          <label>E-Mail:</label>
          <input id="email" name="email" data-ideal="required email" type="email"/>
        </div>
        <div>
          <label>Wunsch-Termin:</label>
          <input name="date" class="datepicker" data-ideal="date" type="text" placeholder="mm/dd/yyyy"/>
        </div>
        <div>
          <label>Wo?</label>
          <select id="states" name="states">
            <option value="default">&ndash; Wähl dein Ort &ndash;</option>
            <option value="BW">Baden-Württemberg</option>
            <option value="BY">Bayern</option>
            <option value="BE">Berlin</option>
            <option value="BB">Brandenburg</option>
            <option value="HB">Bremen</option>
            <option value="HH">Hamburg</option>
            <option value="HE">Hessen</option>
            <option value="MV">Mecklenburg-Vorpommern</option>
            <option value="NI">Niedersachsen</option>
            <option value="NW">Nordrhein-Westfalen</option>
            <option value="RP">Rheinland-Pfalz</option>
            <option value="SN">Sachsen</option>
            <option value="ST">Sachsen-Anhalt</option>
            <option value="SH">Schleswig-Holstein</option>
            <option value="TH">Thüringen</option>
          </select>
        </div>
        <div>
          <label>Deine Nachricht:</label>
          <textarea id="comments" name="comments"></textarea>
        </div>
        <div>
          <button type="submit">Submit</button>
          <button id="reset" type="button">Reset</button>
        </div>
      </form>

Javascript

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<script>
 
  var options = {
 
    onFail: function() {
      alert( $myform.getInvalid().length +' invalid fields.' )
    },
 
    inputs: {
 
      'username': {
        filters: 'required username',
        data: {
         /*ajax: { url:'validate.php' }*/
        }
      },
 
 
      'comments': {
        filters: 'min max',
        data: { min: 50, max: 200 },
 
 
      },
      'states': {
        filters: 'exclude',
        data: { exclude: ['default'] },
        errors : {
          exclude: 'Wähl dein Ort'
        }
      },
      'langs[]': {
        filters: 'min max',
        data: { min: 2, max: 3 },
        errors: {
          min: 'Check at least <strong>2</strong> options.',
          max: 'No more than <strong>3</strong> options allowed.'
        }
      }
    }
  };
 
  var $myform = $('#my-form').idealforms(options).data('idealforms');
 
 
  $('#reset').click(function(){ $myform.reset().fresh().focusFirst() });
  $myform.focusFirst();  
</script>

process.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
$email = "xxx@gmail.com";
 
$message = "The following information was submitted from the form on your website:\n";
$message .= "name: ".$_REQUEST[username]."\n\n";
$message .= "phone: ".$_REQUEST[phone]."\n\n";
$message .= "email: ".$_REQUEST[email]."\n\n";
$message .= "states: ".$_REQUEST[states]."\n\n";
$message .= "datum: ".$_REQUEST[date]."\n\n";
 
 
$message .= "comment: ".$_REQUEST[comment]."\n\n";
mail( $email, "Dj Booking infos from your homepage", $message, "From: $email
X-Priority: 1 (Highest)" );
?>

[sabotage]

Il ne s'agit pas d'une redirection : la validation du formulaire envoit les données sur la page définie par l'attribut "action" (première ligne du code que tu nous montres).

[bebeto13]

ok! une suggestion peut être ?

[sabotage]

Tu mets ton action à vide et tu inclus le code de process.php au début du fichier avec une condition

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
if (isset($_POST['email'])) {
   include('process.php');
}

[bebeto13]

merci beaucoup @sabotage pour ta réponse, ça marche impec !
mais j'ai du renommer le fichier en .php pour que ça passe. Peut on contourner cela ?

[Bovino]

En quoi ça pose problème ? Si tu mets du code PHP dans ton fichier, ça semble logique de lui mettre une extension .php...

[Celira]

Éventuellement, oui, on peut contourner : il faut ajouter l'extension aux extensions traitées comme étant des script PHP. Mais bon, c'est pas franchement logique et ça implique que TOUS les fichiers portant cette extension seront interprétés par le serveur PHP.

[bebeto13]

j'avais pensé avoir trouvé la solution avec l’évènement onsuccess mais ça semble ne pas fonctionner car je ne reçois aucun mail :/
Je garde ma page en php alors...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var $myform = $('#my-form').idealforms({ 
 
  onSuccess: function() {
    alert('MERCI'),
    $.post('process.php', $('#my-form').serialize())
  }                       
 
}).data('idealforms');