Redirection vers la page index

**stade13** · 05/04/2012, 20h55

Le bien bonjour à tout, j'ai le problème suivant,

J'ai la page index.html qui contient un formulaire, dans action = 'post.php'

qui a pour rôle d'envoyer un mail en parallèle quand je clique sur submit j'ai un javascript qui se déclenche pour vérifier le formulaire si c'est ok il affiche message envoyer le soucie c'est que je serai diriger vers la page post.php j'ai essayé de vers une redirection de post.php vers index.html mais le message du javascript ne sera pas afficher.

En gros je veux que je reste sur la même page quand je fais un submit.

Je vous remercie d'avance

**vorace** · 05/04/2012, 20h57

ajax

**stade13** · 05/04/2012, 21h03

Envoyé par vorace

ajax

??????

**RunCodePhp** · 05/04/2012, 21h12

Salut

Fait le dans post.php tout simplement.

Pour la vérif en JS :
- Soit c'est Ok, par conséquent c'est post.php qui sera demandé (envoie du mail entre autre)
- Soit le JS doit renvoyer FALSE, le formulaire ne sera pas être soumis (ou ne doit pas).

Encore faut il que le formulaire et le JS soit bien fait.

**stade13** · 05/04/2012, 21h24

Envoyé par RunCodePhp

Salut

Fait le dans post.php tout simplement.

Pour la vérif en JS :
- Soit c'est Ok, par conséquent c'est post.php qui sera demandé (envoie du mail entre autre)
- Soit le JS doit renvoyer FALSE, le formulaire ne sera pas être soumis (ou ne doit pas).

Encore faut il que le formulaire et le JS soit bien fait.

pour qu'on soit plus concret voilà un exemple de code idenx.html

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
16
 
<html>
 
  <form method='post' id='myForm' action='post.php'>
 
 
      Nom<input type='text' name='nom' id='nom' value=''>
      Prenom<input type='text' name='prenom' value=''>
 
 
  <input type='submit' value='valider'>
  </form>
 
 
 
</html>

le code post.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
16
17
18
19
20
 
<?php 
 
$text = $_POST;
 
 
 
  $contenu = '<html><head><title>Titre du message</title></head><body>';
  $contenu .= '<p>Bonjour, vous avez reçu un message à partir de votre site web.</p>';
  $contenu .= '<table BORDER="1"><tr>';
foreach($text as $cle=>$val){
 
   $contenu.='<tr><th>'.$cle.'</th><td> '.$val."</td></tr>";
 
}
  $contenu .= '</tr></table>';
  $contenu .= '</body></html>'; 
 
  echo $contenu;
?>

le fichier js

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
16
 
 
$(document).ready(function() {
  $("#myForm").bind("submit", function(){
    var bReturn = true;
    $("#nom").css({borderLeft: ""});
    $("label[for="nom"]").css({color: ""});
    if ( jQuery.trim($("#nom").val()).length==0 ) {
    $("#nom").parent("p").css({borderLeft: "2px solid red"});
    $("label[for="nom"]").css({color: "red"});
    bReturn = false;
    }
 
    return bReturn;
  });
});

**stade13** · 05/04/2012, 21h39

Envoyé par RunCodePhp

Salut

Fait le dans post.php tout simplement.

Pour la vérif en JS :
- Soit c'est Ok, par conséquent c'est post.php qui sera demandé (envoie du mail entre autre)
- Soit le JS doit renvoyer FALSE, le formulaire ne sera pas être soumis (ou ne doit pas).

Encore faut il que le formulaire et le JS soit bien fait.

Le problème quand je fais une redirection de la page post.php vers index.html, le résultat du javascript (je dois afficher message envoyer) ne sera pas afficher puisque on va recharger index.html

**vorace** · 05/04/2012, 22h48

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
16
17
18
19
20
21
22
23
24
$(document).ready(function() {
  $("#myForm").bind("submit", function(){
    var bReturn = true;
    $("#nom").css({borderLeft: ""});
    $("label[for="nom"]").css({color: ""});
    if ( jQuery.trim($("#nom").val()).length==0 ) {
    $("#nom").parent("p").css({borderLeft: "2px solid red"});
    $("label[for="nom"]").css({color: "red"});
    bReturn = false;
    }else{
		$.ajax({
			type: "POST",
			url: $(this).attr("action"),
			data: $(this).serialize(),
			dataType: 'html',
			async: false,
			success: function(msg){
				alert(msg);
			}
		});
	}
    return false;
  });
});

**RunCodePhp** · 06/04/2012, 07h55

D'après ton code, on peu tout faire dans une seule et unique page, pas besoin de post.php, de même il n'est pas utile de le faire en Ajax.
Ceci peu se faire de manière très simple, suffit de renommer index.html en index.php.
Php est très largement utilisé pour ça.

Exemple :

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
// index.php
if (isset($_POST['valider'], $_POST['nom'], $_POST['prenom'])) {
    // Mail à envoyer ici
 
    // Redirection / actualisation pour éviter un éventuel double envoi de mail
    header('Location: index.php?send=true');
    exit();
}
 
?>
<html>
 
<?php
if (!empty($_GET['send']) && $_GET['send'] == 'true') {
?>
<p>Bonjour, vous avez reçu un message à partir de votre site web.</p>
<?php
}
?>
 
<form method="post" id="myForm" action="index.php">
    Nom<input type="text" name="nom" id="nom" value="" />
    Prenom<input type="text" name="prenom" value="" />
    <input type="submit" name="valider" value="valider" />
</form>
 
</html>
?>

Le formulaire pointe tout simplement sur lui même (même page).
Le JS reste inchangé.
Une fois le mail envoyé, une redirection est effectuée (un header) dans le cas où l'internaute aurait la mauvaise idée d'actualiser la page.

Redirection vers la page index

Langage PHP

Discussions similaires

Partager

Partager