onclick avec firefox

Bonjour,

J'ai un formulaire qui fonctionne bien sous IE mais pas sous firefox.
Sur onclick j'appelle une petite fonction javascript (verifcode()) qui verifie si le champ du formulaire est rempli. S'il ne l'est pas, on se place automatiquement sur la case vide. Avec IE tout se passe bien. Avec Firefox, sur onclick rien ne se passe. J'ai essaye diverses 'formulations' suite a ce que j'ai pu lire sur le web mais c'est la meme chose. J'ai verifie que javascript etait bien active, a prioris c'est bon. J'ai plusieurs fonctions du meme type sur plusieurs pages differentes et toutes on le meme probleme. Ca fait un moment que je cherche et je suis bloquee. Donc si vous avez des idees...

Mon code:

Code:

---

1 2 3 4 5

<form id="formcode" action="x.php" method="post"> <label for="code"> <br/> Please enter password </label> <input type="password" name="code" id="code" size="21" maxlength="20" tabindex="10"/> <input class="go" type="image" src="go.bmp" onclick="verifcode()" alt="Go" /> </form>

---

Merci pour votre aide.

Citation:

---

Envoyé par elebora

Bonjour,

---

c 'est title qui remplace les alt dans les input,

Bonsoir,
Pourrais tu nous montrer ton code JavaScript correspondant à la fonction "verifcode()".

Salut,
Par défaut, un input de type image équivaut à un submit, dans ton code, au clic sur l'image, tu exécutes ta fonction puis le formulaire est soumis, donc la page rechargée. Ta fonction doit retourner false en cas d'erreur dans le formulaire (true sinon) et l'appel doit se faire comme ça :

Code:

---

onclick="return verifcode()"

---

Bonjour,

Merci pour vos reponses.

J'ai essaye pas mal de choses suite a celles ci mais ca ne marche toujours pas avec firefox alors qu'avec IE tout fonctionne bien. J'ai l'impression qu'on ne passe jamais par la fonction java...

Merci pour votre aide.

Mon code:

Code html :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<form id="formcode" action="x.php" method="post" onsubmit="return verifcode(this)" > <label for="code"> <br/> Please enter password </label> <input type="password" name="code" id="code" size="21" maxlength="20" tabindex="10"/> <input class="go" type="image" src="go.bmp" alt="Go" /> </form>   Code javascript: <script type="text/javascript"> function verifcode() { if (formcode.code.value=='') { formcode.code.focus(); } else { return true; } } </script>

---

Bonjour,
l'utilisation du onsubmit est effectivement la méthode appropriée.
Par contre, en cas de test négatif, il faut un "return false;" (et la syntaxe peut être améliorée ;) ):

Code:

---

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

function verifcode() { if (document.forms['formcode'].elements['code'].value=='') { document.forms['formcode'].elements['code'].focus(); return false; } else { return true; } }

---

A+

Bonjour,

Merci pour ton aide. Ca marche mieux mais il reste un petit probleme.

Pour que ca fonctionne sous Firefox il faut effectivement modifier la syntaxe. Donc c'est OK pour ca. Un grand merci.

Par contre, si je rajoute le 'return false', le bouton 'go' ne fonctionne plus s'il n'y a rien dans la case mais fonctionne bien s'il y a quelquechose. Si j'enleve le 'return false' le bouton 'go' fonctionne correctement quelquesoit le contenu de la case (bon, mauvais ou vide et a chaque fois le bon message s'affiche). Pourquoi????

Citation:

---

Envoyé par elebora

Pourquoi????

---

Probablement parce que c'est ce que tu demandes :koi:
Si le champ n'est pas rempli, tu veux lui donner le focus et ne pas soumettre le formulaire... le return false permet d'empêcher l'action du submit.

OK, c'est clair.
Merci pour ta reponse.