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

**theotsiv** · 05/09/2007, 07h17

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 html :

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
 
<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 ^^

**theotsiv** · 05/09/2007, 13h38

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 html :

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
 
<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 ^^

**pc75** · 05/09/2007, 13h57

Bonjour,

Une piste :

Code :

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

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

**theotsiv** · 05/09/2007, 14h05

Envoyé par pc75

Bonjour,

Une piste :

Code :

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

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

c sque jai fai

Code html :

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
 
<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)

**pc75** · 05/09/2007, 15h08

Re,

As-tu essayé de nommer ton formulaire ?

Sinon, comme ça ?

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
 
.....
<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();
   }
}

**theotsiv** · 05/09/2007, 16h27

Envoyé par pc75

Re,

As-tu essayé de nommer ton formulaire ?

Sinon, comme ça ?

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
 
.....
<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 ^^

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

JavaScript

Vue hybride

Partager

Partager