11545 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je voudrais mettre du JS sur un formulaire afin de détecter si l'utilisateur n'a pas omis de remplir un champ. J'ai trouvé le code suivant :

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}
</script>


... qui marche bien, mais dans mon code PHP j'utilise le submit "name" pour inclure mes pages

echo "<input type='submit'  name='news'  value='Envoyer une nouvelle'/>";


... tous les "submit" ont donc un "name" différent et ce nom n'est pas "submit" ... donc la fonction ne marche pas.

Comment pourrais-je contourner le problème ?
Merci.
Modifié par Tropiques (04 Oct 2013 - 10:45)
Bonjour 6l20,

Merci pour ta réponse, c'est très simple et intéressant a savoir.

Mais je ne comprends pas ce que tu veux dire par "ne conviendraient pas dans ce cas de figure (voir en fonction du besoin de rétro-compatibilité...)

2ème point : ça marche super sur Firefox et Chrome , mais comme d'hab sur IE non. ( Je suis en IE 10)

Merci !
Il fallait lire : ne conviendraient-ils pas dans ce cas de figure ? Smiley cligne
(Je pense plus vite que je n'écris...)
Pour les navigateurs qui n'implémentent pas ou pas encore, cf les liens en fin d'article.
Sinon, une bonne âme se chargera de corriger la partie JavaScript de ton problème.