Validation simple de formulaire pour un nul

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

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, 22h39

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, 13h51

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, 14h03

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, 15h44

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, 16h03

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+

Validation simple de formulaire pour un nul

JavaScript

Vue hybride

Discussions similaires

Partager

Partager