[AJAX] Affichage de 2 messages en cas de success
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:
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:
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:
1
2
3
4
5
|
<?php
$count = 'affichage du profil ici<br>';
echo $count;
?> |
Merci d'avance
