Discussion :

[Fleep]

Bonjour,

J'ai un formulaire tout ce qu'il y a de plus normal.

Le problème que je rencontre est le suivant :
Dans ce formualire, j'ai un champ SELECT :

Code :

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

1
2
3
4
5
6
<SELECT CLASS='ChoixOption' NAME='option2' SIZE='1'>
<OPTION VALUE='0' SELECTED>Sélection</OPTION>
<OPTION VALUE='205'>6 mm</OPTION>
<OPTION VALUE='207'>8 mm</OPTION>
<OPTION VALUE='209'>10 mm</OPTION>
</SELECT>

J'aimerais, au moment ou l'utilisateur clique sur le bouton de validation, lancer un script qui contrôle le choix effectué sur ce champ SELECT.

En effet, s'il n'a pas fait de choix, le valeur sera 0. Or, il faut qu'il choisisse une valeur.

J'aimerai donc lancer une boîte de dialogue si la valeur du select est toujours 0 au moment ou l'utilisateur clique sur le bouton submit.
Cette boîte de dialogue l'informant qu'il doit choisir une valeur dans la liste.

J'espère que j'ai été assez clair

En tout cas, je vous remercie de votre aide.

[Senoyed]

La fonction JS :

Code :

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

1
2
3
4
5
6
7
 
function formOK(leformu){
   if(leformu.option2.value==0){
   alert('Remplis moi ce champs vide...');
   return false;
   }
}

Le bouton submit :

Code :

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

1
2
 
<input type="submit" value="go" onclick="javascript:return formOK(this.form)" />

[SpaceFrog]

Code :

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

<input type="submit" value="go" onclick="javascript:return formOK(this.form)" />

onclick n'attend à mon avis pas grand chose d'autre que du javascript...
enfin moi je n'ai jamias vu un truc du genre:

Code :

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

<input type="submit" value="go" onclick="recettedecuisine:soupedortiesàlacrème" />

je pense donc que

Code :

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

<input type="submit" value="go" onclick="return formOK(this.form)" />

est largelment suffisant

[Fleep]

Merci, ca fonctionne parfaitement ^^

[ChrisMan]

Je tiens a m'excusez mais je n'arrive pas a faire marcher ce script...

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
function formOK(){
 
   if(document.myfom.totalmonday.value>1){
   alert('The workload for monday is too high ');
   return false;
   }
 if(document.myfom.totaltuesday.value>1){
   alert('The workload for tuesday is too high ');
   return false;
   }
   if(document.myfom.totalwednesday.value>1){
   alert('The workload for wednesday is too high ');
   return false;
   }
   if(document.myfom.totalthursday.value>1){
   alert('The workload for thursday is too high ');
   return false;
   }
   if(document.myfom.totalfriday.value>1){
   alert('The workload for friday is too high ');
   return false;
   }
}

Code :

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

<input type='submit' name='action' value='Save' onclick='return formOK();' >;

Merci pour votre aide...

[E.Bzz]

Je tiens a m'excusez mais je n'arrive pas a faire marcher ce script...

Mieux vaut préciser ce qui ne marche pas comme prévu.

Si c'est qu'il n'est jamais envoyé, ajoute

Code :

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

return true;

en dernière ligne de ta fonction de verif : onsubmit attends false ou true;
Là tu renvoies false ou ... rien

Si les symptômes persistent, précise le dysfonctionnement

A+

PS : Ah ouaiiiis ! Avec de la crême ça peut être pas mal

[ChrisMan]

Non en réalité, au contraire, le formulaire s'envoit toujours.
Il s'execute tout le temps et ne controle rien...

J'viens de comprendre l'histoire de la creme...

[E.Bzz]

Non en réalité, au contraire, le formulaire s'envoit toujours.
Il s'execute tout le temps et ne controle rien...

Rhoooo !!
@ SpaceFrog : faut pas les faire trop fermenter les orties (bon d'accord, j'avais rien vu non plus à la 1° lecture)

@ChrisMan : ta fonction de verif doit être appelée sur le onsubmit du <form> et non sur le onclick du bouton submit

A+

[E.Bzz]

... le name="action" du bouton risque aussi de te poser des pb (action => form).

[ChrisMan]

J'ai enlevé le 'name', et je l'ai mis sur le onsubmit de mon formulaire mais ca continue a tout envoyer !!
Pourtant dans l'exemple du dessus (qui marche apparement pour quelqu'un) c'est bien un onclick sur le bouton...
Mais peu importe la, les 2 ne marchent pas. J'avais deja un onSubmit sur mon formulaire est ce que ca peut empecher le fonctionnement du onClick ?

[E.Bzz]

J'ai enlevé le 'name', et je l'ai mis sur le onsubmit de mon formulaire mais ca continue a tout envoyer !!

Fais plutôt un copié/collé de ta version actuelle, parce que là ...
Le onsubmit du <form> est la seule manière (standard) de faire le contrôle sur le client ...

Pour info : il faut toujours la refaire sur le serveur (au cas où JS soit désactivé) ....

[ChrisMan]

Voici mon script :

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
<script language="javascript">
 
function formOK(){
 
   if(document.myfom.totalmonday.value>1){
   alert('The workload for monday is too high ');
   return false;
   }
 if(document.myfom.totaltuesday.value>1){
   alert('The workload for tuesday is too high ');
   return false;
   }
   if(document.myfom.totalwednesday.value>1){
   alert('The workload for wednesday is too high ');
   return false;
   }
   if(document.myfom.totalthursday.value>1){
   alert('The workload for thursday is too high ');
   return false;
   }
   if(document.myfom.totalfriday.value>1){
   alert('The workload for friday is too high ');
   return false;
   }
   return true;
}
</script>

Voici le debut de mon formulaire

Code :

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

<form name="myform" method="post" action="savload.php" onsubmit="return formOK();">

Et enfin mon bouton

Code :

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

<input type='submit' value='Save' >

Je ne comprenais pas bien mais la...

[E.Bzz]

Effectivement, sur le principe, c'est OK.
Sous réserve que les identifiants (des name et non des id) soient corrects

Juste la syntaxe

Code :

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

document.forms['myfom'].elements['totalmonday'].value

qui pose moins de pb de compatibilité ...

[E.Bzz]

Ah si : pb de type de données :

Code :

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

1
2
if (parseInt(document.forms['myfom'].elements['totalmonday'].value)>1)
...

Les value sont de type caractère, par défaut, et tu utilises un opérateur de comparaison numérique

[ChrisMan]

Non désolé...
J'ai tout essayé, avec le onsubmit, le onClick...
Ca ne marche toujours pas... Je ne comprends pas.

[E.Bzz]

Ca ne marche toujours pas... Je ne comprends pas.

Heu ... ben moi je comprends plus, là
Tu n'aurais pas "cassé" les parties qui marchaient en essayant de corriger (comme tu reparles du onclick, ça m'inquiète )

Fais voir tout le code actuel ...

Ca doit marcher

[debie1108]

Bonjour,

J'y connais pas grand chose en Javascript mais le nom de ton formulaire est : myform

Et dans ton javascript tu tests des document.myfom....

[ChrisMan]

Merci beaucoup...
Je crois que j'etais fatigué hier soir... En effet ca marche, merci a vous 2 !!

[E.Bzz]

J'y connais pas grand chose en Javascript mais le nom de ton formulaire est : myform

Et dans ton javascript tu tests des document.myfom....

Joli !

[ChrisMan]

Tout marche niquel sous Firefox en fait, mais sous IE, meme sous Opera mon javascript ne fonctionne pas !
Est ce qu'il y a une raison valable a part le fait que c'est de la m****e ?
Faut il que je remontre mon code ?