Bonjour,

Je voudrais valider le formulaire avant envoi.

Dans le formulaire j'ai plusieurs checkbox par catégorie et je voudrais que pour chaque catégorie, au moins une des checkbox est coché.

Pouvez-vous m'aider ?

Merci

le fichier testcheck.js
le formulaire :

merci beaucoup, je vais tester ça

Hello Gentoo !

Je viens de tester ton code, ça marche nickel. Mais j'ai un soucis quand j'ai plusieurs catégories de checkbox.

Par exemple si j'ai : J'ai tenté de dupliquer le javascript pour prendre en compte les autres checkbox mais ça ne marche plus.

Si je clique sur niveau1 par exemple et que je valide, il me met bien une alert comme quoi il faut une catégorie, mais quand je fais ok, il envoie quand même la page au lieu de rester sur le formulaire...

Merci de ton aide

si j'ai bien compris, tu voudrais un truc du genre :
Et tu voudrais qu’au moins un des chaque soit coché ? c'est ça ?

Oui c'est exactement ça que je veux. Il faut qu'au moins un champs de chaque catégorie soit coché.
Voici 2 catégories, j'en ai une troisième mais si ça marche avec 2, ça devrait aller avec trois
Sachant que le nombre de checkbox de chaque catégorie peut différer.

le fichier choix.js

function testcheck(nbrcat,nbrcbox)
{
	testnbrcat=0;
	testok=false;
	for (i=1; i<=nbrcat; i++)
	{
		numchk=String(nbrcbox).charAt(i-1);
		for (a=1; a<=numchk; a++)
	  {
	  	if (document.getElementById('cat'+i+'_cbox'+a).checked==true) testok=true;
		}
		if (testok==true) { testnbrcat=testnbrcat+1; testok=false; }
	}
	if (testnbrcat==nbrcat)
	{
   document.getElementById('form1').submit();
  }else{
   alert("Vous devez faire au moins un choix dans chaque cat&eacute;gorie");
  }
}

le formulaire il faut respecter la syntaxe de l'ID cat(num)_cbox(num) exemple :

le deuxième checkbox de la troisième catégorie est cat3_cbox2

ensuite l'appelle à la fonction ce fait comme ceci :

Le premier élément c'est le nombre de catégories et le deuxième c'est le nombre de checkbox dans chaque catégorie.

Exemple tu as 3 catégories : (categorie 1, 3 checkbox) (categorie 2, 2 checkbox) (categorie 3, 4 checkbox)

l'appelle ce feras comme ceci : testcheck('nbr_categorie','nbrchkboxcat1|nbrchkboxcat1|nbrchkboxcat1')=testcheck('3','324').

Si tu ne comprends pas tout, demande plus d'explications.

Oki merci beaucoup, je testerais ça chez moi et je te tiens au courant.

Merci pour ton aide

Zut je viens de penser à quelque chose...dans mon formulaire j'ai pas mal de tests sur d'autre champs autre que ces checkbox.

Je fais appel au javascript dans mon form avec : et un bouton submit et non pas button : . Je ne sais pas si le button est obligé.

Comment puis intégrer ton code avec celui que j'ai déjà sachant que ton appel est testcheck('3','334') ? Je suis un peu perdu...

il y a plusieurs façons de faire tout dépend de tes scripts :

un exemple tu laisse ton button submit comme il est

et dans ton script verify(theForm) tu rajoute un apelle a mon script legerement modifieé : script modifié :
Ou tu peux faire le contraire ou dans un autre script, tout dépend ce que tu dois vérifier en premier.

edit : script

D'accord, cette fois je pourrais commencer à le tester chez moi

Encore merci Je te tiendrais au courant.

Voili, j'ai testé ça marche nickel sauf sur une tite chose...

Il s'agit de la vérification du mail, dès que je le rajoute il bug.

Pour la validation du mail j'utilise : Si j'inclus ce code dans le code que tu m'as donné, ça donne : Et le formulaire complet de test :
Et là ça plante. Sais-tu pourquoi ? Après ce problème je pense que ça sera parfait

Merci !!!

tout simplement comme ceci :

function verify(theForm)
{
    testok=testcheck('2','44');
    if (theForm.elements['cp'].value=="")
    {
        alert("cp à indiquer.");
        theForm.elements['cp'].focus();
        return false;
    }
    if (theForm.elements['lieu'].value=="")
    {
        alert("lieu à indiquer.");
        theForm.elements['lieu'].focus();
        return false;
    }
    if (theForm.elements['mail'].value=="")
    {
        alert("Merci de saisir votre mail.");
        theForm.elements['mail'].focus();
        return false;
    }
    if (theForm.elements['mail'].value!="")
    {
        if ((theForm.elements['mail'].value.indexOf('@')==-1) || (theForm.elements['mail'].value.indexOf('.')==-1)) 
        {
            alert("L\'adresse e-mail saisie est invalide.");
            theForm.elements['mail'].focus();
            return false;
        }
    } 
    if (testok==false)
    {
        alert("Vous devez faire au moins un choix dans chaque catégorie");
        return false;
    }
return true; 
}

Ah bé voui hihi ça marche nickel chrome !!

Merci pour ton aide précieuse

A bientôt !!!