Discussion :

[Misoss]

Bonsoir

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

[Bisûnûrs]

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

[Misoss]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Misoss]

bonjour,
quelqu'un peu m'aider svp

[SpaceFrog]

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

[Misoss]

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

[E.Bzz]

Bonjour,

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+

[Bezout]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

onsubmit='return verification();'

sur ton <form>.

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

[Misoss]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[Bezout]

1. Sur le form :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

2. Dans le bloc JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[Misoss]

a merci sa marche trop bien

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[Misoss]

oui sa marche super cool, merci bcp

[Bezout]

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.

[E.Bzz]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

[Bisûnûrs]

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

[Bezout]

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

[E.Bzz]

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

name

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

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

A+

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].elements[1]

[Misoss]

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