Discussion :

[waxouse]

Bonjour à tous. J'ai posté ma première question hier et comme j'ai été parfaitement aidé, je retente ma chance pour une nouvelle question.

Dans mon formulaire que je vais vous mettre un peu plus bas, j'ai une balise "textarea". J'aimerais savoir le script exact que je dois créer pour être sur que l'utilisateur ait au moins écrit quelque chose.

Comment faire ??


Voici mon code 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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<form name="form" id="form" method="post" action="verif.php" onsubmit="return validation(this);">
 
<fieldset>
<legend class="legende">Formulaire de contact du CHPTE</legend>
<br />
<label for="sender_name">Nom et prénom (*) :  </label>
<br />
<input type="text" name="sender_name" id="sender_name" size="30" />
<br />
<br />
<label for="sender_email">Email (*) : </label>
<br />
<input type="text" name="sender_email" id="sender_email" size="30" />
<br />
<br />
<label for="message">Message (*) : </label>
<br />
 
 
<textarea cols="50" rows="6" name="message" id="message"></textarea>[/
 
 
<br />
 
<input type="submit" class="bouton" value="Envoyer" /> -
<input type="reset" style="color: #006c94; font-weight:bolder" value="Annuler" />
<br />
 
<p>(*) Champ obligatoire</p>
</fieldset>
 
</form>

ps: j'ai su faire le script pour les autres "input" de type "text" mais pas pour le "textarea".

Un grand merci d'avance

[Tober]

Code JavaScript :

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

1
2
3
4
5
if(form.message.value ==""){
	alert("message vide");
	return false;
}
return true;

[beeboo]

Salut,
c'est très simple, ça marche comme pour les autres types de champs.

dans ta fonction validation(), il suffit de rajouter le test suivant :

Code :

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

if (document.getElementById('message').value != '') { ... }

[waxouse]

Je ne comprends pas. je fais exactement ce que vous me dites et ça ne marche pas. Voici le code complet de mon script. La vérif pour le nom et pour l'email vont parfaitement mais pas pour la balise textarea....

Que faire ??

Code Javascript :

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
function validation(f){ 
 ok=true; 
 if (f.sender_name.value == "" ) { 
  alert("Le champ \"Nom et prénom\" doit être complété" ); 
  ok = false; 
  return ok; 
 } 
 if (f.sender_email.value == "" ) { 
  alert("Le champ \"Email\" doit être complété" ); 
  ok = false; 
  return ok; 
 } 
 email = f.sender_email.value; 
 if (f.sender_email.value == "" ) { 
  alert("Le champ \"Email\" est obligatoire" ); 
  ok = false; 
  return ok; 
 } 
 else { 
   p1 = email.indexOf("@" ); 
   p2 = email.lastIndexOf("." ); 
   if( p1 == -1) { 
     alert("Il n'y a pas d'@ dans cette adresse" ); 
     ok= false; 
   } 
   else if( p2 == -1) { 
     alert("Il n'y a pas de point dans cette adresse" ); 
     ok= false; 
   } 
   else if( p2 < p1 ) { 
     alert("Il manque un point après l'@" ); 
     ok= false; 
   } 
   return ok; 
 } 
 
 if(document.getElementById('message').value =="" ){ 
  alert("message vide" ); 
  return false; 
 } 
 
 return true; 
 
}

[Tober]

Et un script un !

Code Javascript :

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
function validation(f){
	if (f.sender_name.value == "" ) {
		alert("Le champ \"Nom et prénom\" doit être complété" );
		return false;
	}
	if (f.sender_email.value == "" ) {
		alert("Le champ \"Email\" doit être complété" );
		return false;
	}
	email = f.sender_email.value;
	if (f.sender_email.value == "" ) {
		alert("Le champ \"Email\" est obligatoire" );
		return false;
	}
	else {
		p1 = email.indexOf("@" );
		p2 = email.lastIndexOf("." );
		if( p1 == -1) {
			alert("Il n'y a pas d'@ dans cette adresse" );
			return false;
		}
		else if( p2 == -1) {
			alert("Il n'y a pas de point dans cette adresse" );
			return false;
		}
		else if( p2 < p1 ) {
			alert("Il manque un point après l'@" );
			return false;
		}
	}
	if(f.message.value =="" ){
		alert("message vide" );
		return false;
	}
	return true;
}

Si tu prend tous les codes qu'on te file comme argent comptant, tira pas loin en programmation

[beeboo]

Je te conseille quand même d'utiliser les méthodes du DOM qui sont plus portables que le form.champ.value (j'ai commencé avec ça jusqu'au jour où j'ai eu des gros problèmes de compatibilité entre navigateurs). Je te conseille plutôt la méthode getElementById du DOM dont tu peux être sûr du fonctionnement sur tous les navigateurs

[Tober]

si tu le dis