Obliger a repondre a un formulaire

Bonsoir :)

Je voudrais savoir comment faire pour obliger les visiteurs à remplir tous les champs d'un formulaire en html
merci de m'aider..

Un exemple dans la FAQ Javascript :
http://javascript.developpez.com/faq...#verifTousTxts

oki merci, mais je ne comprend pas quoi modifier car je ne connais pas bien le javascript

Code:

---

1 2 3 4 5 6 7 8

var inputList = document.forms['monFormulaire'].elements; vat alertTxt = ""; for (unInput in inputList){ if(unInput.type=="text"&&unInput.value.length==0){ alertTxt += "Le champ " + unInput.name + " n'a pas été rempli \n"; } } alert(alertTxt)

---

moi je veux qu'il vérifie le champs auteur, et le champs commentaire (textearea)

voila ma page :

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

<form method="post" action="livre_d_or.php" name="formulaire"> <br> <b><u>Votre pseudo :</u></b> <input name="auteur" /><br><br> <b><u>Votre avis :</u></b> <select name="img"> <option value="5/5 <img src='img/1.png'>">Trop cool.</option> <option value="4/5 <img src='img/2.png'>">Pas mal.</option> <option value="3/5 <img src='img/3.png'>">Moyen.</option> <option value="2/5 <img src='img/4.png'>">C'est nul.</option> <option value="1/5 <img src='img/5.png'>">A chier.</option> </select> <br />   <b><u>Votre commentaire sur le site :</u></b><br> <textarea cols="50" rows="20" id="textarea" name="textarea"> Un peu d'aide ? Pour mettre en gras <b>Votre texte</b>. Pour mettre en italic <i>Votre Texte</i>. Pour souligner <u> Votre Texte</u>.   Pour ajouter un lien <a href="VOTRE LIEN">Nom de votre lien</a>   Suprimer tous le texte et écriver le votre :) </textarea> <br />   <input type="submit" name="submit" value="Envoyer" /> </form>

---

bonjour,
quelqu'un peu m'aider svp :)

En gros tu ne veux pas chercher et tu veux qu'on fasse ton boulot ?
Tout est dans le lien donné :roll:

non ce n'est pas sa, je n'ais jamais fais de javascript je ne sais pas comment sa marche

Bonjour,

Citation:

---

Envoyé par Misoss

non ce n'est pas sa, je n'ais jamais fais de javascript je ne sais pas comment sa marche

---

Il n'est jamais trop tard pour apprendre ;)

A+

Citation:

---

Envoyé par Misoss

non ce n'est pas sa, je n'ais jamais fais de javascript je ne sais pas comment sa marche

---

En fait dans le lien qui t'a été indiqué il faut que tu remontes à l'astuce précédente.

Tu verras qu'il faut que tu utilises

Code:

---

onsubmit='return verification();'

---

sur ton <form>.

Si tu retourne true alors le submit() est lancé.

merci de ta reponse Bezout, je comprennais pas ce qu'il fallait faire, car c'est pas en métant du code sur une page que l'on peux faire comprendre les gens en expliquant c'est mieux. je vais essayer de faire comment ce qu'il ya au dessus alors.

mais pour le java ya que sa (monFormulaire) a modifier dedans ?

Code:

---

1 2 3 4 5 6 7 8

var inputList = document.forms['monFormulaire'].elements; vat alertTxt = ""; for (unInput in inputList){ if(unInput.type=="text"&&unInput.value.length==0){ alertTxt += "Le champ " + unInput.name + " n'a pas été rempli \n"; } } alert(alertTxt)

---

1. Sur le form :

Code:

---

<form method="post" action="livre_d_or.php" name="formulaire" onsubmit="return controlerForm(this)">

---

2. Dans le bloc JS :

Code:

---

1 2 3 4 5 6 7 8

function controlerForm(frm) { if (frm.auteur.value == "" ||frm.textarea.value == "") { window.alert("Veuillez saisir tous les champs !"); return false; } return true; }

---

a merci sa marche trop bien

et par exemple quand je veux rajouter un champs je fais comme ceci ?

Code:

---

1 2 3 4 5 6 7

function controlerForm(frm) { if (frm.auteur.value == "" ||frm.textarea.value == ""|| frm.nouveaux_champs.value == "") { window.alert("Veuillez saisir tous les champs !"); return false; } return true; }

---

oui sa marche super cool, merci bcp :)

Citation:

---

Envoyé par Misoss

a merci sa marche trop bien
et par exemple quand je veux rajouter un champs je fais comme ceci ?

---

Oui si tu n'as pas beaucoup de zones.

Sinon il faut mettre en place un mécanisme générique comme présenté plus haut, sauf qu'il faudra gérer outre les champs input de type texte, les select, les textarea, les radio, les checkbox, ... bref tous les élements possibles d'un form.

Citation:

---

Envoyé par Bezout

Sinon il faut mettre en place un mécanisme générique comme présenté plus haut, sauf qu'il faudra gérer outre les champs input de type texte, les select, les textarea, les radio, les checkbox, ... bref tous les élements possibles d'un form.

---

Cf. le lien de Bisunurs ;)
Sinon, mieux vaut éviter les syntaxes obsolètes (problème de compatibilité potentiel)

Code:

---

if (frm.elements['auteur'].value == "" ||frm.elements['textarea'].value == ""|| frm.elements['nouveaux_champs'].value == "")

---

Evite aussi l'utilisation de mots réservés comme identifiant (ici textarea)

A+

Sinon dans les contributions j'avais fait une petite fonction générique, qui gère aussi les champs obligatoires et facultatifs :

http://www.developpez.net/forums/sho...1&postcount=88

Citation:

---

Envoyé par E.Bzz

Sinon, mieux vaut éviter les syntaxes obsolètes (problème de compatibilité

---

Ah je ne connaissais pas. form.name_champ est obsolete ?

Sinon c'est form.elements['id_du_champ'] ou form.elements['name_du_champ'] ?

C'est reconnu par tous les browsers ? C'est W3C ?

merci ;)

Citation:

---

Envoyé par Bezout

Sinon c'est form.elements['id_du_champ'] ou form.elements['name_du_champ'] ?

---

name

Citation:

---

C'est reconnu par tous les browsers ? C'est W3C ?

---

Ca n'aurait pas grand intérêt, sinon :mrgreen:

A+

C'est également valable au niveau du form...

Code:

---

document.forms['nomform'].elements['nomelement']

---

Code:

---

document.forms[0].elements[1]

---

oki merci de vos réponce je vais allé tout sa et essayé de comprendre :)