[AJAX] Affichage de 2 messages en cas de success

**isitien** · 22/02/2011, 07h47

Bonjour,

J'aimerais afficher 2 messages en cas de success, un pour afficher le contenu et un autre pour afficher que le formulaire etait bien soumis, voila mes codes:

form.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
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<head>
<style type="text/css">
#msg {
	/* padding-top: 0px; */
	margin-top:  0px;
	width: 500px;
	background-color: #FF33cc;
	color: #000000;
	text-align: center;
	cursor: pointer;
}
</style>
 
<script src="jquery.js" type="text/javascript"></script>
 
<script type="text/javascript" >
$(document).ready(function() {
 
$("#send").click(function(){
 
		//Récupération des valeurs du formulaires
		var name 		= $("#name").val();
		var username 	= $("#username").val();
		var dataString 	= 'name=' + name + '&username=' + username;
		//var dataString = 'id='+ id + '&name='+ name;
 
 
	$.ajax({
 
	type: 'POST',
	url: 'process2.php',
	data : dataString, 
	success: function(response)
 
		if (response != 'ok')
		{
			$("#msg").slideDown('normal').html(response);
		}
		else
		{
			$("#msgs").slideDown('normal').html('<b>Merci! Votre commentaire etait bien sousmis');
		}
		}
 
	});
 
 
		//console.log(username);
		return false;
	});
 
 
 
});
</script>
 
 
</head>
<body>
 
<div id="msg" align="center"></div>
<div id="msgs" align="center"></div>
<form id="formulaire" action="#" method="POST">
Name: <input type="text" size="10" name="name" id="name" /><br />
Username: <input type="text" size="10" name="username" id="username" /><br />
<input type="submit" name="send" value="GO" id="send" /> <span id="loading"></span>
</form>
 
</body>
</html>

process2.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
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
 
<head>
<script src="jquery.js" type="text/javascript"></script>
</head>
 
<body>
<?php
 
//if (IsSet($_POST['send']))
//{
        $name = $_POST['name'];
        $username = $_POST['username'];
 
        if (strlen($username) <= 2)
        {
                $error = 'Veuillez saisir au moins 2 caracteres pour votre pseudo<br>';
        }
        
        if (strlen($username) > 10)
        {
                $error .= 'Veuillez saisir moins de 10 caracteres pour votre pseudo<br>';
        }
        
        if (strlen($name) <= 2)
        {
                $error .= 'Veuillez saisir au moins 2 caracteres pour votre nom<br>';
        }
        
        if (strlen($name) > 10)
        {
                $error .= 'Veuillez saisir moins de 10 caracteres pour votre nom<br>';
        }
        
        
        
        if (IsSet($error))
        {
                echo $error;
                echo 'erreur';
                                        
        }
        else
        {
                //echo 'Merci! votre formulaire a ete bien soumis';
                
                include 'get_data2.php';
                echo 'ok';
        }
                
?>

get_data2.php:

Code :

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

1
2
3
4
5
 
<?php
$count = 'affichage du profil ici<br>';
echo $count;
?>

Merci d'avance

**Bovino** · 22/02/2011, 08h22

Envoyé par isitien

J'aimerais afficher 2 messages en cas de success, un pour afficher le contenu et un autre pour afficher que le formulaire etait bien soumis

Et qu'est-ce qui t'en empêche ?

**isitien** · 22/02/2011, 09h48

Envoyé par Bovino

Et qu'est-ce qui t'en empêche ?

Je voudrais afficher la phrase "affichage du profil ici" du cote verification PHP et afficher la phrase "Merci! Votre commentaire etait bien sousmis" du cote jQuery.

[AJAX] Affichage de 2 messages en cas de success

AJAX

Discussions similaires

Partager

Partager