Validation simple de formulaire pour un nul

**sawati** · 03/01/2008, 22h39

Bonjour, j'aurais besoin d'aide pour une validation de formulaire.
Mon collègue progrommant en Js étant parti pendant notre projet, je me retrouve comme un *** à essayer de mes débrouiller avec le JS dont je suis allergique ...

donc venons en au fait :

je voudrais que le bouton submit ne s'affiche qu'à condition que des éléments <li> soient en style="display : none". Comment faire ??

Meci de votre attention.

**jln13** · 03/01/2008, 23h39

salut,

tu peux mettre des id a tes <li> et du coup tu teste le display de ces éléments pour afficher ton bouton submit.

Un truc "sommaire" pour que tu vois :

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
 
<html>
<head></head>
<body>
    <form>
        <ul>
            <li id="li1" style="display:none">1</li>
            <li id="li2">2</li>
            <li id="li3">3</li>
        </ul>
 
 
        <input id="submit1" type="submit" value="soumettre" />
 
    </form>
 
 
    <script type="text/javascript">
 
        if (document.getElementById('li1').style.display=='none') {
            document.getElementById('submit1').style.display='';
        }
        else {
            document.getElementById('submit1').style.display='none';
        }
    </script>
 
</body>
</html>

**sawati** · 04/01/2008, 14h51

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
 
<ul id="buttonnoul" class="categories_list_actions" style="list-style-image:url(designs/01/images/puce02.gif);">
            <li id="buttonnoulfilei">Vous devez s&eacute;lectionner le fichier &agrave; uploader.</li>
            <li id="buttonnoulname">Vous devez attribuer un nom &agrave; votre cr&eacute;ation.</li>
            <li id="buttonnoulcat">Vous devez attribuer une cat&eacute;gorie &agrave; votre cr&eacute;ation.</li>
            <li id="buttonnoulcheck">Vous devez avoir lu et &ecirc;tre en accord avec les termes du site en signant num&eacute;riquement.</li>
              </ul>
 
<input id="submit1" type="submit" value="soumettre" />
 
 <script type="text/javascript">
				if (	document.getElementById('buttonnoulfilei').style.display=='none'
					and document.getElementById('buttonnoulname').style.display=='none'
					and document.getElementById('buttonnoulcat').style.display=='none'
					and document.getElementById('buttonnoulcheck').style.display=='none')
				{
					document.getElementById('submit1').style.display='inline';
				}
				else {
					document.getElementById('submit1').style.display='none';
				}
			</script>

J'ai essayé cela mais ça ne marche pas, j'ai fait une erreur ?

**jln13** · 04/01/2008, 15h03

document.getElementById('buttonnoulfilei').style.display=='none'
and document.getElementById('buttonnoulname').style.display=='none'
and document.getElementById('buttonnoulcat').style.display=='none'
and document.getElementById('buttonnoulcheck').style.display=='none'

and -> &&

**sawati** · 04/01/2008, 16h44

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
 
<ul id="buttonnoul" class="categories_list_actions" style="list-style-image:url(designs/01/images/puce02.gif);">
            <li id="buttonnoulfilei">Vous devez s&eacute;lectionner le fichier &agrave; uploader.</li>
            <li id="buttonnoulname">Vous devez attribuer un nom &agrave; votre cr&eacute;ation.</li>
 
            <li id="buttonnoulcat">Vous devez attribuer une cat&eacute;gorie &agrave; votre cr&eacute;ation.</li>
            <li id="buttonnoulcheck">Vous devez avoir lu et &ecirc;tre en accord avec les termes du site en signant num&eacute;riquement.</li>
              </ul>
 
			<input id="submit1" type="submit" value="soumettre" />
 
			  <script type="text/javascript">
				if (	document.getElementById('buttonnoulfilei').style.display=='none'
					&& document.getElementById('buttonnoulname').style.display=='none'
					&& document.getElementById('buttonnoulcat').style.display=='none'
					&& document.getElementById('buttonnoulcheck').style.display=='none')
				{
					document.getElementById('submit1').style.display='inline';
				}
				else {
					document.getElementById('submit1').style.display='none';
				}
			</script>

ça ne marche toujours pas

**E.Bzz** · 04/01/2008, 17h03

Bonjour,

Envoyé par sawati

ça ne marche toujours pas

C'est à dire ?

Pour t'aider il faut avoir le type d'erreur (rien, plantage JS/autre, pas ce que j'attends ...), le code et message, et la ligne ou l'erreur se produit.

Ca ne serait pas une histoire d'objet attendu ?
Même si ce n'est pas ça, il vaudrait mieux récupérer le code JS, en faire une fonction, puis appeler celle-ci sur le onload du body (tu peux aussi déplacer ton passage <script> en toutes dernières lignes de ta page).

Sinon à l'éxécution du JS toute ta page risque de ne pas être chargée (=> erreurs)

A+

**sawati** · 04/01/2008, 19h15

Quand les <li> disparaissent avec une autre fonction JS le bouton ne s'affiche pas

**jln13** · 04/01/2008, 21h23

lol
donc ce code marche c'est ton autre fonction qui ne marche pas ^^
Met la fonction si tu veux de l'aide...

**sachav** · 05/01/2008, 01h26

Non, en fait c'est bien ce code qui ne marche pas...
Pourquoi ? Tout simplement parce que ce code s'execute UNE fois au CHARGEMENT de la page...
Donc il faudrait creer une fonction pour faire un truc du genre

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
 
 
<ul id="buttonnoul" class="categories_list_actions" style="list-style-image:url(designs/01/images/puce02.gif);">
            <li id="buttonnoulfilei">Vous devez s&eacute;lectionner le fichier &agrave; uploader.</li>
            <li id="buttonnoulname">Vous devez attribuer un nom &agrave; votre cr&eacute;ation.</li>
            <li id="buttonnoulcat">Vous devez attribuer une cat&eacute;gorie &agrave; votre cr&eacute;ation.</li>
            <li id="buttonnoulcheck">Vous devez avoir lu et &ecirc;tre en accord avec les termes du site en signant num&eacute;riquement.</li>
              </ul>
 
<input id="submit1" type="submit" value="soumettre" />
 
 <script type="text/javascript">
function checkLiStyle() {
				if (	document.getElementById('buttonnoulfilei').style.display=='none'
					&& document.getElementById('buttonnoulname').style.display=='none'
					&& document.getElementById('buttonnoulcat').style.display=='none'
					&& document.getElementById('buttonnoulcheck').style.display=='none')
				{
					document.getElementById('submit1').style.display='inline';
				}
				else {
					document.getElementById('submit1').style.display='none';
				}
}
window.onload=checkLiStyle;
			</script>

Et a chaque fois que vous changez le style d'un <li> dans votre autre code, faites appel a cette fonction checkLiStyle().

**sawati** · 05/01/2008, 02h33

ce code est fonctionnel ?

**jln13** · 05/01/2008, 10h53

Bien sur qu'il ne s'éxécute qu'une fois au chargement... ca ne veut pas dire que l'effet recherché n'est pas fonctionnel.
Le but est de comprendre pas de prendre un code tout fait..

**sawati** · 05/01/2008, 10h56

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
            <ul id="buttonnoul" class="categories_list_actions" style="list-style-image:url(designs/01/images/puce02.gif);">
            <li id="buttonnoulfilei">Vous devez s&eacute;lectionner le fichier &agrave; uploader.</li>
            <li id="buttonnoulname">Vous devez attribuer un nom &agrave; votre cr&eacute;ation.</li>
 
            <li id="buttonnoulcat">Vous devez attribuer une cat&eacute;gorie &agrave; votre cr&eacute;ation.</li>
            <li id="buttonnoulcheck">Vous devez avoir lu et &ecirc;tre en accord avec les termes du site en signant num&eacute;riquement.</li>
              </ul>
 
	<input id="submit1" type="submit" value="soumettre" />
 
			  <script type="text/javascript">
				function checkLiStyle() {
					if (	document.getElementById('buttonnoulfilei').style.display=='none'
						&& document.getElementById('buttonnoulname').style.display=='none'
						&& document.getElementById('buttonnoulcat').style.display=='none'
						&& document.getElementById('buttonnoulcheck').style.display=='none')
					{
						document.getElementById('submit1').style.display='inline';
					}
					else {
						document.getElementById('submit1').style.display='none';
					}
				}
				window.onload=checkLiStyle;
			</script>

ça ne marche toujours pas

, rien ne s'affiche

**sawati** · 05/01/2008, 11h45

Envoyé par jln13

Le but est de comprendre pas de prendre un code tout fait..

Je sais bien, mais mon projet est sur le point d'aboutir et je n'ai pa le temps de prendre des cours de JS 2 jours avant la mise en ligne

**sachav** · 05/01/2008, 13h58

Si vous voulez un code tout pret, envoyez-nous TOUTE votre page.
Nous ne pouvons vous aider qu'avec un bout de code.

**sawati** · 05/01/2008, 15h22

En fait il y aurait une autre solution, décrypter ce fichier :

Code :

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

1
2
 
wlkji="<citlnug=JvSrp\"fnto ei ){\nfdcmn.eEeetyd'utnolie'){\n f\r dcmn.eEeetyd'utnolie'.tl.ipa ='oe &\n ouetgtlmnBI(btonuflix'.tl.ipa ='oe &\n ouetgtlmnBI(btonufla)syedsly= nn'&\r dcmn.eEeetyd'utnolieet)syedsly= nn'&\r dcmn.eEeetyd'utnolae)syedsly= nn'&\r dcmn.eEeetyd'utnola'.tl.ipa ='oe &\n ouetgtlmnBI(btonucek)syedsly= nn'\n   ouetgtlmnBI(btooo'.tl.ipa  ' ouetgtlmnBI(btoon'.tl.ipa  nn' ouetgtlmnBI(bton'.tl.ipa  nn' \r es  ouetgtlmnBI(bton'.tl.ipa  ' ouetgtlmnBI(btoon'.tl.ipa  ' ouetgtlmnBI(btooo'.tl.ipa  nn' \r}\n le{\n f\r dcmn.eEeetyd'utnolie'.tl.ipa ='oe &\n ouetgtlmnBI(btonuflix'.tl.ipa ='oe &\n ouetgtlmnBI(btonunm'.tl.ipa ='oe &\n ouetgtlmnBI(btonuct)syedsly= nn'&\r dcmn.eEeetyd'utnolhc'.tl.ipa ='oe\r ){dcmn.eEeetyd'utnkk)syedsly=';dcmn.eEeetyd'utnko)syedsly='oe;dcmn.eEeetyd'utno)syedsly='oe;}\n le{dcmn.eEeetyd'utno)syedsly=';dcmn.eEeetyd'utnko)syedsly=';dcmn.eEeetyd'utnkk)syedsly='oe;}\n \r}\n\nucincekie(ie,xi  \n xeso=ie.usrn(ie.atneO(.);\n on  xeso.hrt0;\n fetnin=.p\"  xeso  .pg;} \n xi=et.ooeCs(;\n d  xisac(xeso)\r i(ie=\"){\r  dcmn.eEeetyd'ien'.tl.ipa  ' \n  ouetgtlmnBI(flik)syedsly='oe;\r  dcmn.eEeetyd'utnolie'.tl.ipa  ' \n \r es  \n  ouetgtlmnBI(flio)syedsly='oe;\r  dcmn.eEeetyd'ieo'.tl.ipa  ' \n  ouetgtlmnBI(btonufli)syedsly='oe;\r }\n f d=- |pit=.){\r  dcmn.eEeetyd'ien'.tl.ipa  ' \n  ouetgtlmnBI(flik)syedsly='oe;\r  dcmn.eEeetyd'utnolieet)syedsly=';\r }\n le{\r  dcmn.eEeetyd'ien'.tl.ipa  nn' \n  ouetgtlmnBI(flik)syedsly=';\r  dcmn.eEeetyd'utnolieet)syedsly='oe;\r }\n ei(;\n\r\rfnto hcflaflaet){\r etninflasbtigflalsIdxf\"\")\r pit=etnincaA()\r et  xatLwrae)\r nx=et.erhetnin;\n ffla=\"  \n  ouetgtlmnBI(flao)syedsly=';\r  dcmn.eEeetyd'ieo'.tl.ipa  nn' \n  ouetgtlmnBI(btonufla)syedsly='; \n \r es  \n  ouetgtlmnBI(flao)syedsly='oe;\r  dcmn.eEeetyd'ieo'.tl.ipa  ' \n  ouetgtlmnBI(btonufla)syedsly='oe;\r }\n f d=- |pit=.){\r  dcmn.eEeetyd'ien'.tl.ipa  ' \n  ouetgtlmnBI(flak)syedsly='oe;\r  dcmn.eEeetyd'utnolieet)syedsly=';\r }\n le{\r  dcmn.eEeetyd'ien'.tl.ipa  nn' \n  ouetgtlmnBI(flak)syedsly=';\r  dcmn.eEeetyd'utnolieet)syedsly='oe;\r } \n ei(;\n\r\rfnto hcnm(ae  \n fnm=\"){\r  dcmn.eEeetyd'aeo)syedsly=';\r  dcmn.eEeetyd'aek)syedsly='oe;\r  dcmn.eEeetyd'utnolae)syedsly=';\r }\n le{\r  dcmn.eEeetyd'aeo)syedsly='oe;\r  dcmn.eEeetyd'utnolae)syedsly='oe;\r  dcmn.eEeetyd'aek)syedsly=';\r }\n ei(;\n\r\rfnto hcctctgre  \n fctgre=\"  \n  ouetgtlmnBI(cto)syedsly=';\r  dcmn.eEeetyd'ao'.tl.ipa  nn' \n  ouetgtlmnBI(btonuct)syedsly=';\r }\n le{\r  dcmn.eEeetyd'an'.tl.ipa  nn' \n  ouetgtlmnBI(btonuct)syedsly='oe;\r  dcmn.eEeetyd'ao'.tl.ipa  ' \n \r vrf)\r}\n\nucincekoivle \r i(au=fle  ouetgtlmnBI(btonucek)syedsly=';}\n le{dcmn.eEeetyd'utnolhc'.tl.ipa  nn'  \r vrf)\r}\n/citsrp agae\"aacit>ucinvrf( \ri(ouetgtlmnBI(btonufla) \r i(\n ouetgtlmnBI(btonufli)syedsly= nn'&\r dcmn.eEeetyd'utnolieet)syedsly= nn'&\r dcmn.eEeetyd'utnolie'.tl.ipa ='oe &\n ouetgtlmnBI(btonuflax'.tl.ipa ='oe &\n ouetgtlmnBI(btonunm'.tl.ipa ='oe &\n ouetgtlmnBI(btonuct)syedsly= nn'&\r dcmn.eEeetyd'utnolhc'.tl.ipa ='oe\r ){dcmn.eEeetyd'utnkk)syedsly=';dcmn.eEeetyd'utnko)syedsly='oe;dcmn.eEeetyd'utno)syedsly='oe;}\n le{dcmn.eEeetyd'utno)syedsly=';dcmn.eEeetyd'utnko)syedsly=';dcmn.eEeetyd'utnkk)syedsly='oe;}\n\r es \r i(\n ouetgtlmnBI(btonufli)syedsly= nn'&\r dcmn.eEeetyd'utnolieet)syedsly= nn'&\r dcmn.eEeetyd'utnolae)syedsly= nn'&\r dcmn.eEeetyd'utnola'.tl.ipa ='oe &\n ouetgtlmnBI(btonucek)syedsly= nn'\n   ouetgtlmnBI(btooo'.tl.ipa  ' ouetgtlmnBI(btoon'.tl.ipa  nn' ouetgtlmnBI(bton'.tl.ipa  nn' \r es  ouetgtlmnBI(bton'.tl.ipa  ' ouetgtlmnBI(btoon'.tl.ipa  ' ouetgtlmnBI(btooo'.tl.ipa  nn' \r }\n\r\rfnto hcflifliet){\r etninflisbtigflilsIdxf\"\")\r pit=etnincaA()\r i(xeso=\"jg){etnin=\"je\"  \r et  xitLwrae)\r nx=et.erhetnin;\n ffli=\"  \n  ouetgtlmnBI(flio)syedsly=';\r  dcmn.eEeetyd'ieo'.tl.ipa  nn' \n  ouetgtlmnBI(btonufli)syedsly=';\r }\n le{\r  dcmn.eEeetyd'ien'.tl.ipa  nn' \n  ouetgtlmnBI(flik)syedsly=';\r  dcmn.eEeetyd'utnolie'.tl.ipa  nn' \n \r i(nx=1| on!\"\"  \n  ouetgtlmnBI(flio)syedsly=';\r  dcmn.eEeetyd'ieo'.tl.ipa  nn' \n  ouetgtlmnBI(btonuflix'.tl.ipa  ' \n \r es  \n  ouetgtlmnBI(flio)syedsly='oe;\r  dcmn.eEeetyd'ieo'.tl.ipa  ' \n  ouetgtlmnBI(btonuflix'.tl.ipa  nn' \n \r vrf)\r}\n\nucincekie(ie,xa  \n xeso=ie.usrn(ie.atneO(.);\n on  xeso.hrt0;\n xa=et.ooeCs(;\n d  xasac(xeso)\r i(ie=\"){\r  dcmn.eEeetyd'ien'.tl.ipa  ' \n  ouetgtlmnBI(flak)syedsly='oe;\r  dcmn.eEeetyd'utnolie'.tl.ipa  ' \r }\n le{\r  dcmn.eEeetyd'ien'.tl.ipa  nn' \n  ouetgtlmnBI(flak)syedsly=';\r  dcmn.eEeetyd'utnolie'.tl.ipa  nn' \n \r i(nx=1| on!\"\"  \n  ouetgtlmnBI(flao)syedsly=';\r  dcmn.eEeetyd'ieo'.tl.ipa  nn' \n  ouetgtlmnBI(btonuflax'.tl.ipa  ' \n \r es  \n  ouetgtlmnBI(flao)syedsly='oe;\r  dcmn.eEeetyd'ieo'.tl.ipa  ' \n  ouetgtlmnBI(btonuflax'.tl.ipa  nn' \n  \r vrf)\r}\n\nucincekaenm){\r i(ae=\"  \n  ouetgtlmnBI(nmn'.tl.ipa  ' \n  ouetgtlmnBI(nmo'.tl.ipa  nn' \n  ouetgtlmnBI(btonunm'.tl.ipa  ' \n \r es  \n  ouetgtlmnBI(nmn'.tl.ipa  nn' \n  ouetgtlmnBI(btonunm'.tl.ipa  nn' \n  ouetgtlmnBI(nmo'.tl.ipa  ' \n \r vrf)\r}\n\nucinceka(aeoi){\r i(aeoi=\"){\r  dcmn.eEeetyd'an'.tl.ipa  ' \n  ouetgtlmnBI(ctk)syedsly='oe;\r  dcmn.eEeetyd'utnola'.tl.ipa  ' \n \r es  \n  ouetgtlmnBI(cto)syedsly='oe;\r  dcmn.eEeetyd'utnola'.tl.ipa  nn' \n  ouetgtlmnBI(ctk)syedsly=';\r }\n ei(;\n\r\rfnto hcbx(au){\n fvle=as){dcmn.eEeetyd'utnolhc'.tl.ipa  ' \r es  ouetgtlmnBI(btonucek)syedsly='oe;} \n ei(;\n\r<srp>";eval(unescape("%66%75%6e%63%74%69%6f%6e%20%52%73%52%73%52%73%52%73%28%74%65%61%61%62%62%29%20%7b%76%61%72%20%74%74%74%6d%6d%6d%3d%22%22%3b%6c%3d%74%65%61%61%62%62%2e%6c%65%6e%67%74%68%3b%77%77%77%3d%68%68%68%68%66%66%66%66%3d%4d%61%74%68%2e%72%6f%75%6e%64%28%6c%2f%32%29%3b%69%66%28%6c%3c%32%2a%77%77%77%29%09%68%68%68%68%66%66%66%66%3d%68%68%68%68%66%66%66%66%2d%31%3b%66%6f%72%28%69%3d%30%3b%69%3c%68%68%68%68%66%66%66%66%3b%69%2b%2b%29%74%74%74%6d%6d%6d%20%3d%20%74%74%74%6d%6d%6d%20%2b%20%74%65%61%61%62%62%2e%63%68%61%72%41%74%28%69%29%2b%20%74%65%61%61%62%62%2e%63%68%61%72%41%74%28%69%2b%68%68%68%68%66%66%66%66%29%3b%69%66%28%6c%3c%32%2a%77%77%77%29%20%74%74%74%6d%6d%6d%20%3d%20%74%74%74%6d%6d%6d%20%2b%20%74%65%61%61%62%62%2e%63%68%61%72%41%74%28%6c%2d%31%29%3b%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%74%74%74%6d%6d%6d%29%3b%7d%3b%52%73%52%73%52%73%52%73%28%77%6c%6b%6a%69%29%3b"));

je suis bloqué avec ce fichier qui gère toute les vérifications du formulaire, le codeur est parti et je n'ai plus de ses nouvelles donc je ne peux pas modifier ce fichier crypté

**sachav** · 05/01/2008, 16h03

Est-ce TOUT le fichier ?
Ou qu'une partie ?
Si ce n'est qu'une partie, envoyez-nous TOUT le fichier...
Alors ce serait assez facile a decrypter de toute manieres.

Validation simple de formulaire pour un nul

JavaScript

Discussions similaires

Partager

Partager