Comportement balise input et javascript

Bonsoir,

Dans la série de "je ne comprends pas pourquoi", voici mon cas. Dans le cadre du développement d'une administration, j'utilise un formulaire permettant de saisir du texte ainsi que joindre une image via un champ file.

Lorsque l'utilisateur a terminé la saisie, il doit pouvoir valider le formulaire en cliquant sur un bouton de type "button" qui execute une fonction de vérification javascript.

Code:

---

<input type="button" value="Valider" onclick="javascript:validationForm(this.form)" />

---

Alors que la page ne renvoie aucune erreur sous Firefox, ce n'est pas le cas d'Internet Explorer 6 et 7. En effet, j'ai une erreur de script qui apparait mais je ne vois absolument pas d'ou cela peut provenir. Surtout que Firefox ne renvoie rien dans la console d'erreurs et que le traitement se passe correctement.

La seule chose que je constate, c'est dès lors que mon champ "file" est renseigné par le chemin d'une image locale, et que je viens ensuite cliquer sur mon bouton de vérification cela m'affiche une erreur de script. (ce qui est d'autant plus surprenant c'est que la même procédure est utilisée sur d'autres pages et fonctionne parfaitement).

Avez vous déjà rencontré ce genre de problème et si oui avez vous une idée d'ou pourrait provenir le bug car la je déprime, et mon client s'impatiente :(

Merci

http://img513.imageshack.us/img513/6870/erreurkn2.jpg

slt,

il te repère l'erreur ! mais c'est dans le code une fois le parse php effectué, donc ce n'est peut être pas la même ligne... passe par le code source que tu récup en ligne...

Bon donc, après analyse cela vient très certainement de ces lignes.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

if(formulaire.photo_musicos.value!=""){   var vecteur = formulaire.photo_musicos.value.split("."); var extension = vecteur.lastIndexOf("jpg");   if(extension!="-1"){ var upload="1"; }else{ var upload="0"; } }

---

En gros, je souhaite ici récupérer la valeur (chaine de caractère) du contenu de mon champ "input type file", puis casser cette chaine grâce à un indice (puisqu'il s'agit d'une photo la chaine de caractère doit théoriquement contenir qu'un seul point), et ensuite grâce à la méthode lastIndexOf savoir si ma recherche est infructueuse.

Pourquoi cette portion de code fonctionne sur Firefox mais pas sous Internet Explorer ?

slt,

fait ta vérification en début de traitement, dans ton script php (enfin, si c'est avec php que tu traites...)

tu dois avoir dans la balise form :

Code:

---

1 2 3 4 5

<form id='ton id' action='ton action' method='POST' enctype='multipart/form-data'> ... les champs de ton formulaires ... </form>

---

et dans ton script PHP, tu as

Code:

---

$_FILES["ton champ input file"]["name"]

---

qui te permet de récupérer le nom du fichier... tu peux ensuite vérifier son extension etc....

Ouaip mais le but est justement d'éviter un submit, la sollicitation du serveur etc. Je préfère nettement que mon utilisateur soit directement alerté sur la page du formulaire que l'extension n'est pas correcte. Ca évite de coder derrière des routines en php pour faire un affichage de message d'erreur etc. Beaucoup plus simple à mettre en place en javascript et tellement plus pratique.

J'ai finalement trouvé une solution de vérification de formulaire en javascript qui est compatible sous internet explorer et firefox. Allez savoir pourquoi à l'origine, ma solution ne fonctionnait pas sous internet explorer :?