document.frm.submit() inactif

Version imprimable

Bonjour a tous,

C'est pas compliqué mais louche

Voila 2 fonction javascript qui verifie les champs d'un formulaire.
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 function verifArt(){ var nbChp = document.frm.length; var chk = 0; for (var i=0; i<=nbChp-2; i++){//tous les chp st necessaire, on les verif tous if (document.frm.elements[i].value==''){ alert ('Vous avez oublié de saisir un champ!!!! '+i); } else { chk++; } } if (chk==nbChp-1){ document.frm.envoi.value='article'; document.frm.submit(); } } function verifCmd(){ var nbChp = document.frm.length; var chk = 0; for (var i=0; i <= nbChp-2; i++){ if ((i!=1)||(i!=3)||(i!=4)){//On passe sur les champs non stockés ds la table cmd if (document.frm.elements[i].value==''){ alert ('Vous avez oublié de saisir un champ!!!! '+i); } else { chk++; } } } if (chk==nbChp-1){ document.frm.envoi.value='commande'; document.frm.submit(); } }
Et voici les bouton qui les appelles:
Code:

1 2 3 <input name="article" type="button" value="Créer l'article" onClick='verifArt();'> <input name="commande" type="button" value="Enregistrer la commande" onClick='verifCmd();'> <input name="envoi" type="hidden">
L'input hidden sert pr le php qui envoie les données necessaires à la base

Lorsque l'utilisateur clic, la fonction appelée doit verifier certains champs, si ils sont tous remplis alors la fonction doit envoyer le formulaire "frm", mais rien ne se passe, meme pas une erreur ds la console de debug de Firefox, ni ds IE d'ailleurs.
J'ai vérifié la condition d'entrée ds le dernier if et elle est bonne c'est a dire que "chk==nbChp-1".
Sur ma page j'ai 2 form, le 1er "frm" et le 2e "class" qui apparait qu'apres avoir envoyé le 1er.
J'ai aussi vérifié qu'aucun autre element porte le meme nom que "frm".
Et essaye avec document.forms[0].submit().
En bref rien ne marche et aucune erreur n'est affichée. 8O

Merci d'avance pour vos réponses. :D

06/04/2005, 16h26
denisC

Re: document.frm.submit() inactif

Citation:

Envoyé par jaybebop

var nbChp = document.frm.length;

Un formulaire n'a pas de longueur (enfin à ce que je sache). Ce qui t'interesse c'est la longueur de document.frm.elements....

D'ou nbChp=null et tous les tests deviennent faux.

Sinon, prefere toujours un document.getElementById() pour retrouver ton formulaire, en lui assignant un id, plutot que de tenter de passer par les noms.....
06/04/2005, 16h51
jaybebop

pourtant si je fait

Code:

alert(nbChp);

il m'affiche 12, soit le nb d'éléments contenus ds le formulaire frm, 10 champs + 2 boutons, d'où le nbChp-1 ds la condition du if, car quand on clic sur le bouton, il prend une valeur (dc chk = 11 si tous les chps sont renseignés), seul le 2eme bouton n'a pas de valeur.
De plus, la valeur du champ caché est bien modifiée, donc la condition du if est VRAIE, donc le submit devrai s'executer.
Cependant "document.frm.elements.length" marche aussi

J'ai essayé avec "document.getElementById["form"].submit()", mais il me fait une erreur

Citation:

Erreur : document.getElementByID has no properties
Fichier Source : http://localhost/Stage2/createArt.php
Ligne : 39

Et pourtant

Code:

<form id="form" name="frm" action="<? echo $PHP_SELF ?>" method="post">

J'ai l'impression d'etre ds la 12éme dimensions 8O

PS:J'ai mis une l'extension Javascript Debugger a FireFox, j'ai mis des break au niveau du submit() et de la condition, et tout est normal, aucune exceptions n'est tracé ni aucune erreurs.

EDIT: J'avais essayé avec des parentheses, mais sa me faisait aussi une erreur (justement un truc du genre "is not a function", oui oui je suis bien ds la 12eme dimension :twisted: ), et du coup je me suis dit sa doit etre avec des crochets. :cry:
06/04/2005, 17h05
denisC

document.getElementById('form')

C'est une fonction, pas une liste....

Sinon, pour le reste, ben, je vois pas trop :(

Finalement j'ai réussi à m'en sortir
voici la solution:
Les 2 fonctions legerement remaniées (au passage verifCmd etat logiquement fausse)

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
function verifArt(){
	var nbChp = document.getElementById('idform').elements.length;
	var chk = 0;
	for (var i=0; i<=nbChp-2; i++){
		if (document.getElementById('idform').elements[i].value==''){
			alert ('Vous avez oublié de saisir un champ!!!! '+i);
			return false;
		}
		else {
			chk++;
		}
	}
	if (chk==nbChp-1){	
		return true;
	}
}
 
function verifCmd(){
	var nbChp = document.getElementById('idform').elements.length;
	var chk = 0;
	for (var i=0; i <= nbChp-2; i++){
		if ((i==1)||(i==3)||(i==4)){//On passe sur les champs non stockés ds la table cmd
			chk++;
		}
		else {
			if (document.getElementById('idform').elements[i].value==''){
				alert ('Vous avez oublié de saisir un champ Cmd!!!! '+i);
				return false
			}
			else {
				chk++;
			}
		}
	}
	if (chk==nbChp-1){
		return true;
	}
}

Une nouvelle fonction appelant les 2 premieres au choix:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function verification(){
alert("entree")
if (document.getElementById('idform').envoi.value=='article'){
alert("entree art")
	if (verifArt()){
	alert("okArt")
		return true;
	}
	else {return false;}
}
if (document.getElementById('idform').envoi.value=='commande') {
alert("entreeCmd")
	if (verifCmd()){
	alert("okCmd")
		return true;
	}
	else {return false;}
}
}

Appellée sur un submit:

Code:

<form id="idform" name="frm" action="<? echo $PHP_SELF ?>" method="post" onsubmit='return verification();'>

Et les boutons submit qui modifie la valeur d'un hidden, qui sert a savoir sur quel bouton on a cliqué pour appeler la bonne fonction de vérification.

Code:

1
2
3
<input name="article" type="submit" value="Créer l'article" onClick="document.getElementById('idform').envoi.value='article';">
<input name="commande" type="submit" value="Enregistrer la commande" onClick="document.getElementById('idform').envoi.value='commande';">
<input name="envoi" type="hidden">

Voilà, maintenant pourquoi ca ne marchait pas auparavant
? :?: ? 8O ? :?: ?

07/04/2005, 10h48
SpaceFrog

tout réside dans le

Code:

document.frm.length

qui retournerait le nombre d'objets ayant pour nom frm sur ta page ...
que tu as remplacé par

Code:

document.getElementById('idform').length

qui retourne le nombre d'éléments dans le formulaire d'id 'idform'...
si tu as plusieurs éléments de nom frm cela deviendrait

Code:

document.frm[0].elements.length
07/04/2005, 10h59
jaybebop

Citation:

Envoyé par SpaceFrog

tout réside dans le

Code:

document.frm.length

qui retournerait le nombre d'objets ayant pour nom frm sur ta page ...
que tu as remplacé par

Code:

document.getElementById('idform').length

qui retourne le nombre d'éléments dans le formulaire d'id 'idform'...
si tu as plusieurs éléments de nom frm cela deviendrait

Code:

document.frm[0].elements.length

Et pourtant le résultat retourné par "document.frm.length" est le meme que celui retourné par "document.getElementById('idform').length"
07/04/2005, 11h17
SpaceFrog

parceque par un grand hasard tu as le même nombre d'éléments qui portent le name frm que tu as d'objets dans le formulaire ? ... ???
07/04/2005, 11h35
jaybebop

Voila le code HTML, pour mettre les chose au clair

Citation:

<body>
<h4 class="Style1">Saisissez les informations concernant l'article commandé : </h4>
<form id="idform" name="frm" action="" method="post" onsubmit='return verification();'>
<table class="Style1" width="371" border="0">
<tr>
<td width="143">Référence : </td>
<td width="218"><input name="Ref" type="text" size="10" maxlength="10" value="" ></td>
</tr>
<tr>
<td width="143">Libellé : </td>
<td width="218"><input name="Label" type="text" size="20" maxlength="20" value="">*</td>
</tr>
<tr>
<td>Prix unitaire HT :</td>
<td><input name="prix" type="text" size="20" value=""></td>
</tr>
<tr>
<td> TVA : </td>
<td><input name="TVA" type="text" size="20" value="" onBlur=document.forms[0].prixTTC.value=ttc(document.forms[0].prix.value,document.forms[0].TVA.value)>*</td>
</tr>
<tr>
<td>Prix TTC : </td>
<td><input name="prixTTC" type="text" disabled size="20" value="0">*</td>
</tr>
<tr>
<td>Unité : </td>
<td><select name="unite">
<option>Choix de l'unité ...</option>
<option value='Unite 1'>Unite 1</option>
<option value='Unite 2'>Unite 2</option>
<option value='Unite 3'>Unite 3</option>
<option value='Unite 4'>Unite 4</option>
<option value='Unite 5'>Unite 5</option>
</select></td>
</tr>
<tr>
<td>Quantité : </td>
<td><input name="Qte" type="text" size="20" value=""></td>
</tr>
<tr>
<td>Fournisseur : </td>
<td><select name="Fournisseur">
<option>Choix du fournisseur ...</option>
<option value=F1>Nom 1</option>
<option value=F10>Nom 10</option>
<option value=F11>Nom 11</option>
<option value=F12>Nom 12</option>
<option value=F13>Nom 13</option>
<option value=F14>Nom 14</option>
<option value=F15>Nom 15</option>
<option value=F16>Nom 16</option>
<option value=F17>Nom 17</option>
<option value=F18>Nom 18</option>
<option value=F19>Nom 19</option>
<option value=F2>Nom 2</option>
<option value=F20>Nom 20</option>
<option value=F21>Nom 21</option>
<option value=F22>Nom 22</option>
<option value=F23>Nom 23</option>
<option value=F24>Nom 24</option>
<option value=F25>Nom 25</option>
<option value=F3>Nom 3</option>
<option value=F4>Nom 4</option>
<option value=F5>Nom 5</option>
<option value=F6>Nom 6</option>
<option value=F7>Nom 7</option>
<option value=F8>Nom 8</option>
<option value=F9>Nom 9</option>
</select></td>
</tr>
<tr>
<td>Date d'achat : </td>
<td><input name="dateAchat" type="text" value="">
<script type="text/javascript">
var cal1 = new calendar("FIELD:document.frm.dateAchat;FORMAT:1;");
cal1.aryDays = Array("Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam");
cal1.aryMonths = Array("Janvier", "Février",
"Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre",
"Décembre");
cal1.writeCalendar();
</script>
</td>
</tr>
<tr>
<td>Lieu de stockage : </td>
<td><select name="Lieu">
<option>Choix du lieu de stockage ...</option>
<option value=CFA>CFA</option>
<option value=CFC>CFC</option>
</select></td>
</tr>
</table>
<div align="left">
<input name="article" type="submit" value="Créer l'article" onClick="document.getElementById('idform').envoi.value='article';">
<input name="commande" type="submit" value="Enregistrer la commande" onClick="document.getElementById('idform').envoi.value='commande';">
<input name="envoi" type="hidden">
</div>
</form>

</body>

Comme tu peux le voir, aucun element ne porte le nom "frm", a part le formulaire.
Alors soit j'ai pas compris ce que tu m'as dit, soit je suis ds la 12éme dimensions :?
07/04/2005, 12h09
SpaceFrog

en effet ???

document.frm.length est la taille de la collection des objets (ayant un name) qu'il contient ... 8O