condition if((..)&&(..))

Version imprimable

voila alors jessai de créé un code qui permette de mettre disable du bouton envoyer tant que tous les champs d'inscriptons de mon site ne soit pas remplis et j'ai donc créé ce code:

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
 
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<h1 class="style4">Contact</h1>
<p>
<form method="post" action="contact2.php">
<p>
<br /><br /><br />
<head>
<script type="text/javascript">
function ChangeStatut(formulaire) {
if ((formulaire.prenom.length > 0 == false)&&(formulaire.nom.length > 0 == false)&&(formulaire.fonction.length > 0 == false)&&(formulaire.societe.length > 0 == false)
&&(formulaire.codepostal.length > 0 == false)&&(formulaire.telephone.length > 1 == false)&&(formulaire.mail.length > 0 == false)){formulaire.validation.disabled = true}
}
</script> 
</head>
<table>
 
	<tr>
	<td><h1 class="style2">Prénom* :</h1></td> <td><input class="style5" type="text" name="prenom" onChange="ChangeStatut(this.form)" /></td>
	</tr>
	<tr>
	<td><h1 class="style2">Nom* :</h1></td> <td><input class="style5" type="text" name="nom" onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Fonction* :</h1></td> <td><input class="style5" type="text" name="fonction" onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Société* :</h1></td> <td><input class="style5" type="text" name="societe" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
 
    <tr>
	<td><h1 class="style2">Adresse :</h1></td> <td><input  class="style5" type="text" name="adresse"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Ville :</h1></td> <td><input class="style5" type="text" name="ville" /></td>
	</tr>	
	<tr>
	<td><h1 class="style2">Code Postal* :</h1></td> <td><input class="style5" type="text" name="codepostal" maxlength="5" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
	<tr>
	<td><h1 class="style2">Numéro de Téléphone* :</h1></td> <td><input class="style5" type="text" name="telephone" maxlength="10" value="0" 
    onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">E-mail* :</h1></td> <td><input class="style5" type="text" name="mail" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
	<tr>
	<td><h1 class="style2">Vos besoins en formation :   </h1></td><td><select name="besoin" class="style5">
    <option>A modifier</option>
    <option>selon les besoin</option>
      </select></td>
	</tr>
	<tr><td><h1 class="style2">Etes-vous intéressé par une formation<br />pour vous-même ou pour votre entreprise ?</h1></td><td><h1 class="style5"><input type="radio" value="personel" name="R1" checked>Personnel <input type="radio" value="Pour lentreprise" name="R1">Pour mon entreprise</h1></td></tr>
</table>
<br /><br /><br />
<h1 class="style2">
Vos remarques, complément et question :</h1>
<p>
  <textarea class="style5" cols="66" rows="6" name="message"></textarea>
</p>
  </p>
<p>*Champs obligatoir 
<br />
<input type="submit" onsubmit "return(true or false)" name="validation" value="Valider" disabled /> <input type="reset" value="Recommencer" />
</form>
</html>

mais cela ne marche toujours pas si quelqu'un pouvait m'aider ^^

Citation:

Envoyé par theotsiv

voila alors jessai de créé un code qui permette de mettre disable du bouton envoyer tant que tous les champs d'inscriptons de mon site ne soit pas remplis et j'ai donc créé ce code:

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
 
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<h1 class="style4">Contact</h1>
<p>
<form method="post" action="contact2.php">
<p>
<br /><br /><br />
<head>
<script type="text/javascript">
function ChangeStatut(formulaire) {
if ((formulaire.prenom.length > 0 == false)&&(formulaire.nom.length > 0 == false)&&(formulaire.fonction.length > 0 == false)&&(formulaire.societe.length > 0 == false)
&&(formulaire.codepostal.length > 0 == false)&&(formulaire.telephone.length > 1 == false)&&(formulaire.mail.length > 0 == false)){formulaire.validation.disabled = true}
}
</script> 
</head>
<table>
 
	<tr>
	<td><h1 class="style2">Prénom* :</h1></td> <td><input class="style5" type="text" name="prenom" onChange="ChangeStatut(this.form)" /></td>
	</tr>
	<tr>
	<td><h1 class="style2">Nom* :</h1></td> <td><input class="style5" type="text" name="nom" onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Fonction* :</h1></td> <td><input class="style5" type="text" name="fonction" onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Société* :</h1></td> <td><input class="style5" type="text" name="societe" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
 
    <tr>
	<td><h1 class="style2">Adresse :</h1></td> <td><input  class="style5" type="text" name="adresse"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Ville :</h1></td> <td><input class="style5" type="text" name="ville" /></td>
	</tr>	
	<tr>
	<td><h1 class="style2">Code Postal* :</h1></td> <td><input class="style5" type="text" name="codepostal" maxlength="5" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
	<tr>
	<td><h1 class="style2">Numéro de Téléphone* :</h1></td> <td><input class="style5" type="text" name="telephone" maxlength="10" value="0" 
    onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">E-mail* :</h1></td> <td><input class="style5" type="text" name="mail" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
	<tr>
	<td><h1 class="style2">Vos besoins en formation :   </h1></td><td><select name="besoin" class="style5">
    <option>A modifier</option>
    <option>selon les besoin</option>
      </select></td>
	</tr>
	<tr><td><h1 class="style2">Etes-vous intéressé par une formation<br />pour vous-même ou pour votre entreprise ?</h1></td><td><h1 class="style5"><input type="radio" value="personel" name="R1" checked>Personnel <input type="radio" value="Pour lentreprise" name="R1">Pour mon entreprise</h1></td></tr>
</table>
<br /><br /><br />
<h1 class="style2">
Vos remarques, complément et question :</h1>
<p>
  <textarea class="style5" cols="66" rows="6" name="message"></textarea>
</p>
  </p>
<p>*Champs obligatoir 
<br />
<input type="submit" onsubmit "return(true or false)" name="validation" value="Valider" disabled /> <input type="reset" value="Recommencer" />
</form>
</html>

mais cela ne marche pas si quelqu'un pouvait m'aider ^^

Bonjour,

Une piste :

Code:

1
2
 
if ((formulaire.prenom.length > 0 )&&(formulaire.nom.length > 0 ) &&(formulaire.fonction.length > 0 )&& ...........

Citation:

Envoyé par pc75

Bonjour,

Une piste :

Code:

1
2
 
if ((formulaire.prenom.length > 0 )&&(formulaire.nom.length > 0 ) &&(formulaire.fonction.length > 0 )&& ...........

c sque jai fai

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
 
<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<h1 class="style4">Contact</h1>
<p>
<form method="post" action="contact2.php">
<p>
<br /><br /><br />
<head>
<script type="text/javascript">
function ChangeStatut(formulaire) {
if ((formulaire.prenom.length > 0)&&(formulaire.nom.length > 0)&&(formulaire.fonction.length > 0)&&(formulaire.societe.length > 0)
&&(formulaire.codepostal.length > 0)&&(formulaire.telephone.length > 1)&&(formulaire.mail.length > 0)){formulaire.validation.disabled = true}
}
</script> 
</head>
<table>
 
	<tr>
	<td><h1 class="style2">Prénom* :</h1></td> <td><input class="style5" type="text" name="prenom" onChange="ChangeStatut(this.form)" /></td>
	</tr>
	<tr>
	<td><h1 class="style2">Nom* :</h1></td> <td><input class="style5" type="text" name="nom" onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Fonction* :</h1></td> <td><input class="style5" type="text" name="fonction" onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Société* :</h1></td> <td><input class="style5" type="text" name="societe" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
 
    <tr>
	<td><h1 class="style2">Adresse :</h1></td> <td><input  class="style5" type="text" name="adresse"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">Ville :</h1></td> <td><input class="style5" type="text" name="ville" /></td>
	</tr>	
	<tr>
	<td><h1 class="style2">Code Postal* :</h1></td> <td><input class="style5" type="text" name="codepostal" maxlength="5" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
	<tr>
	<td><h1 class="style2">Numéro de Téléphone* :</h1></td> <td><input class="style5" type="text" name="telephone" maxlength="10" value="0" 
    onChange="ChangeStatut(this.form)"/></td>
	</tr>
	<tr>
	<td><h1 class="style2">E-mail* :</h1></td> <td><input class="style5" type="text" name="mail" onChange="ChangeStatut(this.form)"/></td>
	<tr><td><br /><br /></td></tr>
	</tr>
	<tr>
	<td><h1 class="style2">Vos besoins en formation :   </h1></td><td><select name="besoin" class="style5">
    <option>A modifier</option>
    <option>selon les besoin</option>
      </select></td>
	</tr>
	<tr><td><h1 class="style2">Etes-vous intéressé par une formation<br />pour vous-même ou pour votre entreprise ?</h1></td><td><h1 class="style5"><input type="radio" value="personel" name="R1" checked>Personnel <input type="radio" value="Pour lentreprise" name="R1">Pour mon entreprise</h1></td></tr>
</table>
<br /><br /><br />
<h1 class="style2">
Vos remarques, complément et question :</h1>
<p>
  <textarea class="style5" cols="66" rows="6" name="message"></textarea>
</p>
  </p>
<p>*Champs obligatoir 
<br />
<input type="submit" name="validation" value="Valider" disabled /> <input type="reset" value="Recommencer" />
</form>
</html>

mais plus rien ne se passe (http://theotsiv.kelio.org/test/contact.php)

Re,

As-tu essayé de nommer ton formulaire ?

Sinon, comme ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
.....
<form name="f_Saisie" method="post" action="contact2.php">
.....
<script type="text/javascript">
function ChangeStatut(formulaire) 
{
if (document.f_Saisie.prenom.value == '')
   {
   alert("Prénom obligatoire")
   document.f_Saisie.prenom.focus();
   }
else if (document.f_Saisie.nom.value == '')
   {
   alert("Nom obligatoire")
   document.f_Saisie.nom.focus();
   }
else
   {
   document.f_Saisie.submit();
   }
}

Citation:
Envoyé par pc75
Re,

As-tu essayé de nommer ton formulaire ?

Sinon, comme ça ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ..... <form name="f_Saisie" method="post" action="contact2.php"> ..... <script type="text/javascript"> function ChangeStatut(formulaire) { if (document.f_Saisie.prenom.value == '') { alert("Prénom obligatoire") document.f_Saisie.prenom.focus(); } else if (document.f_Saisie.nom.value == '') { alert("Nom obligatoire") document.f_Saisie.nom.focus(); } else { document.f_Saisie.submit(); } }
ton formulaire ne convient pas car des que la personne va écrir dans chaque chan ensuite elle aurra se message et c pas trop agréable, et lorsque tt les champ arqé d'une * sont rempli ceux qui ne son pas marqu d'une * ne peuvent pas etre rempli car le formulaire s'envoi...

donc moi ce que je veu c'est que lorsque tt les formulair ""marqué"" 'une * sont rempli le bouton valider soit enable pour que lon puisse tjr modifier les champ

sn merci pour ton aide ^^

Re,

Code:

1
2
 
if (document.f_Saisie.prenom.value == '' && document.f_Saisie.nom.value == '' .....)

Citation:

Envoyé par theotsiv

ton formulaire ne convient pas car des que la personne va écrir dans chaque chan ensuite elle aurra se message et c pas trop agréable, et lorsque tt les champ arqé d'une * sont rempli ceux qui ne son pas marqu d'une * ne peuvent pas etre rempli car le formulaire s'envoi...

donc moi ce que je veu c'est que lorsque tt les formulair ""marqué"" 'une * sont rempli le bouton valider soit enable pour que lon puisse tjr modifier les champ

sn merci pour ton aide ^^

bon finalement jai fini par utiliser ton code voila ce que sa donne
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 function ChangeStatut(formulaire) { if (document.f_Saisie.prenom.value == '') { document.f_Saisie.prenom.focus(); } else if (document.f_Saisie.nom.value == '') { document.f_Saisie.nom.focus(); } else if (document.f_Saisie.fonction.value == '') { document.f_Saisie.fonction.focus(); } else if (document.f_Saisie.societe.value == '') { document.f_Saisie.societe.focus(); } else if (document.f_Saisie.codepostal.value == '') { document.f_Saisie.codepostal.focus(); } else if (document.f_Saisie.telephone.value == '') { document.f_Saisie.telephone.focus(); } else if (document.f_Saisie.mail.value == '') { document.f_Saisie.mail.focus(); } else { formulaire.validation.disable = true; } }
mais la ligne
Code:

1 2 formulaire.validation.disable = true;
doit comporter des erreur...

05/09/2007, 16h44
theotsiv

Merci a toi sa marche enfin ^^ voici la réparation du code ^^

Code:

formulaire.validation.disabled = false;
05/09/2007, 16h48
pc75

De rien.

N'oublie pas le tag RESOLU