validation de formulaire

Version imprimable

Bonjour,

Je suis en train de programmer une espèce de parser de contenu. En gros je récupère un long texte avec des balises style [nom:text:valeur] et je convertir en <input type=..... />

UNe fois le formulaire construit, avant d'envoyer les données du formulaires, je voudrai valider les champs. Jusqu'ici pas de souci avec les champs de type text, textarea et checkbox. Par contre j'ai du mal à valider les champs de type radio car je ne sais pas comment vérifier si une option est sélectionnée pour le bouton radio en cours.

Voici mon code:

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
function valider()
{
        alert("function valider");
        for (i=0 ; i<document.forms["contract"].elements.length ; i++)
        {
                if (document.forms["contract"].elements[i].type == "submit") { }
                if (document.forms["contract"].elements[i].type == "fieldset") { }
                if (document.forms["contract"].elements[i].type == "") { }
 
                if (document.forms["contract"].elements[i].type == "radio") {
                        alert(document.forms["contract"].elements[i].checked);
                }
                if (document.forms["contract"].elements[i].type == "checkbox") {
                        alert(document.forms["contract"].elements[i].type);
                        if (document.forms["contract"].elements[i].checked == false) {
                                alert("Veuillez accepter les conditions svp. Merci");
                                return false;
                        }
                }
                if (document.forms["contract"].elements[i].type == "text") {
                        if (document.forms["contract"].elements[i].value == "") {
                                alert("Veuillez saisir tous les champs svp. Merci");
                                return false;
                        } 
                }
        }
}

Voilà, j'espère que vous pourrez m'aider.

31/01/2012, 00h38
Rachel

Bonsoir :)
pour ton bouton radio, comme checkbox, tu as :

Code:

document.forms["contract"].elements[i].checked

qui a les valeurs true et false suivant si la case est cochée ou non, et

Code:

document.forms["contract"].elements[i].value

qui contient la valeur de l'entrée. Si c'est bien ce que tu demande :?
31/01/2012, 09h25
zerros
Non, ce n'est pas ça. Les nom des champs, je ne les connais pas d'avance alors je ne peux qu'utiliser document.forms["contract"].elements.length pour bouckler sur chaque élément et valider le champ.

Le souci, c'est que pour les radio à plusieurs options, j ene sais aps comment valider car chaque option est un élément même s'ils portent le même nom:
Code:

1 2 3 <input type="radio" name="location" value="1234" /> <input type="radio" name="location" value="1235" /> <input type="radio" name="location" value="1236" />
Donc le but est de vérifier si une des option a été sélectionnée. Si non, j'affiche une alerte (alert). la difficulté réside dans le fait que je ne connais pas en avance les noms des radio.
31/01/2012, 09h33
SpaceFrog

tu peux coller tous ceux de même name dans un array dont l'indexe est le name pour les regrouper
31/01/2012, 09h39
zerros

je vais essayer ça. Je reviens pour donner le résultat. Merci :)