Redirection vers la page index

Version imprimable

05/04/2012, 20h55
stade13

Redirection vers la page index

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
05/04/2012, 20h57
vorace

ajax
05/04/2012, 21h03
stade13

Citation:

Envoyé par vorace

ajax

??????:roll:
05/04/2012, 21h12
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.

Citation:

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:

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:

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:

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;
  });
});

05/04/2012, 21h39
stade13

Citation:

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

Code:

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;
  });
});

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:

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.