Afficher tous les messages d'erreur

**isitien** · 19/02/2011, 12h32

Bonjour,

Je voudrais afficher tous les messages d'erreur de mon formulaire en jQuery, mais il m'affiche seulement le premier message:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
if (name == '') {
	$("#msg").slideDown(1000).html('<b>Veuillez entrer votre nom</b>');
	return false;
}
 
if (username == '') {
	$("#msg").slideDown(1000).html('<b>Veuillez entrer votre pseudo</b>');
	return false;
}

Code :

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

1
2
3
4
5
6
7
 
<div id="msg"></div>
<form id="formulaire" action="#" method="POST">
Name: <input type="text" name="name" id="name" /><br />
Username: <input type="text" name="username" id="username" /><br />
<input type="submit" name="send" value="GO" id="send" />
</form>

Merci

**NoSmoking** · 19/02/2011, 14h28

Bonjour,
c'est un grand classique, si tu mets return false après chaque test tu n'auras que le test NOK qui apparaîtra, il te faut concaténer les messages d'erreur.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
  var sMsg ="";
  if (name == '') {
    sMsg += '<li>Veuillez entrer votre nom</li>';
  }
  if (username == '') {
    sMsg += '<li>Veuillez entrer votre pseudo</li>';
  }
  if( szMsg.length){
    $("#msg").slideDown(1000).html( '<ul>' +sMsg +'<\/ul>');
    return false;
  }
return true;

**isitien** · 20/02/2011, 04h12

Merci pour votre reponse, je n'ai pas compris cette partie du code:

Code :

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

1
2
 
if( sMsg.length){

voila le code entier:

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
 
<html>
<head>
<style type="text/css">
 
</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 sMsg =""; // pour afficher le message retourne
 
  		if (name == '') {
    	sMsg += '<li>Veuillez entrer votre nom</li>';
				}
  		if (username == '') {
  		sMsg += '<li>Veuillez entrer votre pseudo</li>';
  				}
  		if( sMsg.length){
    	$("#msg").slideDown(1000).html( '<ul>' +sMsg +'<\/ul>');
    	return false;
  			}
  			else
  			{
  				$("#formulaire").hide();
  				$("#msg").fadeIn(1000).html( 'Merci');
 
 
  			}
return false;
 
		console.log(name);
 
	});
 
 
 
});
</script>
 
 
</head>
<body>
 
<div id="msg"></div>
<form id="formulaire" action="#" method="POST">
Name: <input type="text" name="name" id="name" /><br />
Username: <input type="text" name="username" id="username" /><br />
<input type="submit" name="send" value="GO" id="send" /> <span id="loading"></span>
</form>
 
</body>
</html>

**NoSmoking** · 20/02/2011, 09h26

Envoyé par isitien

Merci pour votre reponse, je n'ai pas compris cette partie du code:

Code :

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

1
2
 
if( sMsg.length){

on fait le test sur la longueur de la chaine sMsg, si l'on n'a rien mis dedans la longueur est égale à 0 et le bloc de la condition n'est pas exécuté, si on a rajouté du texte la longueur est non égal à 0 et on passe dans le bloc de la condition, c'est l'équivalent de

Code :

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

1
2
// if( sMsg.length != "") EDIT de la ligne grosse ânerie
if( sMsg != "")

par exemple

Code :

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

1
2
sMsg = '<li>Veuillez entrer votre nom</li>';
alert( sMsg.length); // affiche 34

**isitien** · 20/02/2011, 12h08

on ne peut pas faire comme ca sans le length:

Code :

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

1
2
 
if(sMsg != "")

**NoSmoking** · 20/02/2011, 19h55

Envoyé par isitien

on ne peut pas faire comme ca sans le length:

Code :

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

1
2
 
if(sMsg != "")

comme tu as raison, c'est exactement cela, mauvais copier/coller non réajusté de ma part, je le corrige ça fait tâche!!!!!

Afficher tous les messages d'erreur

jQuery

Vue hybride

Discussions similaires

Partager

Partager