Se connecter / S'enregistrer
Votre question

<input disabled> sous Firefox

Tags :
  • Email
  • Programmation
Dernière réponse : dans Programmation
14 Mai 2008 16:04:53

Bonjour,

La situation :

- un formulaire de contact pour envoyer un mail via la fonction PHP mail().
- le bouton d'envoi est désactivé au chargement de la page

  1. <input type="submit" id="envoyer" value="Envoyer" disabled>

- je demande diverses informations (nom, prénom, adresse...), pour chaque information, il y a un champs de saisie.

- à chaque caractère entré dans un champs de saisie (onKeyPress), je vérifie si tous les champs sont bien rempli, auquel cas j'active mon bouton d'envoie via un script javascript externe.
  1. document.getElementById('envoyer').disabled = false;

Le problème : cette méthode fonctionne sous IE et Firefox en local (j'utilise wamp 5), mais une fois en ligne (site hébergé chez infomaniak), cela ne fonctionne que sous IE. Firefox ne me réactive jamais le bouton.

J'ai déjà testé d'enlever le "disabled" et de désactiver mon bouton à l'entrée dans un champs, mais rien de chance.

Si des personnes peuvent m'aider...

Merci d'avance.

Autres pages sur : input disabled firefox

15 Mai 2008 11:25:25

Pour info, j'ai exactement le même problème sous Safari que sous Firefox.

J'ai aussi changé le fonctionnement :
Code du formulaire:
  1. <input type="submit" id='envoyer' name="envoyer" style="visibility : hidden;">

Code de la vérification javascript:
  1. document.getElementById('envoyer').style.visibility = 'visible';


Cela ne change rien. Tout fonctionne toujours en local, et sur tous les navigateurs, et une fois en ligne, cela ne fonctionne que sous IE.

Je commence à douter fortement que cela vienne du code....

Qu'en pensez vous?
15 Mai 2008 14:44:52

je crois que les visibility sur FF chie un peut (de memoir) essai peut etre avec un display:block et none...
15 Mai 2008 15:18:01

Voici ce que j'ai fait :

dans mon formulaire :
  1. <input type="submit" id='envoyer' name="envoyer" style="display : none;">


Dans mon JS :
  1. document.getElementById('envoyer').style.display = 'block';


A partir de là, 2 solutions : soit j'ai fait n'importe quoi, soit ça ne fonctionne pas (et sous aucun navigateur).
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS