vérification de bouton radio [Résolu]

[Erwan31]

Bonjour,
j'ai récupéré une fonction qui me permet de vérifier si un bouton radio a été coché ou pas sur cette page (bloc en savoir plus > revenus)
http://theesdesign.net/tests/defiscalisation.html

Mais ça ne fonctionne pas pour je ne sais quelle raison :/

Le code de la fonction :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
function checkRvn() {
  var rvn = document.form3.revenus;
  var nb     = rvn.length;
  for (i=0;i<nb;i++) {
    if (rvn[i].checked) {
      return true;
    }
  else {
  alert('Choisissez un revenu');
  return false;
  }
}
}

Une petite aide?

[NoSmoking]

Bonjour,
le code ayant l'air correct, à vue de nez je dirais que ta FORM n'a pas de NAME form3, essaies

Code :

var rvn = document.getElementById('form3').revenus;

[Erwan31]

Merci pour ta réponse, bien vu il avait l'id form3 mais pas le name mais ça ne résout pas le problème malheureusement :/

[andry.aime]

Bonsoir

Code :

var rvn = document.getElementById("form3").elements["revenus"];

A+.

[NoSmoking]

Envoyé par andry.aime

Bonsoir

Code :

var rvn = document.getElementById("form3").elements["revenus"];

A+.

bien vu, je me suis arrêté en route....

[Erwan31]

Merci mais ça ne fonctionne toujours pas.
J'ai donné le lien pour voir la page si voulez voir la totalité du code (car il y a une autre fonction JS) pour la vérification.

[NoSmoking]

Envoyé par Erwan31

Merci mais ça ne fonctionne toujours pas.

mais encore quel est le résultat obtenue par rapport à l'attendu

[NoSmoking]

je viens de regarder la source et ô surprise il y a déjà deux fonctions test_form() déclarées mais aucun appel à la fonction checkRvn()

tu peux faire ceci

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
30
31
32
33
34
function checkRvn() {
  var rvn = document.getElementById("form3").elements["revenus"];
  var nb = rvn.length;
  for( i = 0; i < nb; i++) {
    if( rvn[i].checked) {
      return true;
    }
    else {
      //  alert('Choisissez un revenu');
      return false;
    }
  }
}
 
function test_form() {
  var texte_bad = "";
  monForm = document.getElementById("form3");
  if( monForm.nom.value == "") texte_bad = texte_bad + "Vous devez saisir votre nom\n";
  if( monForm.codepostal.value == "") texte_bad = texte_bad + "Vous devez saisir votre code postal\n";
  if( monForm.tel.value == "") texte_bad = texte_bad + "Vous devez saisir votre numéro de téléphone\n";
  if( monForm.email.value == "") texte_bad = texte_bad + "Vous devez saisir votre email\n";
  if( monForm.CG.checked == false) texte_bad = texte_bad + "Vous devez accepter les conditions générales pour pouvoir poursuivre.\n";
  if( !checkRvn()) texte_bad += "Vous devez choisir un revenu.\n";
 
  var regex = new RegExp(/^0[1-90](((\.[0-9]{2}){4})|((\-[0-9]{2}){4})|(([0-9]{2}){4})|(\ ([0-9]{2}){4}))$/gi);
 
  if( texte_bad == "") {
    return true;
  }
  else {
    alert(texte_bad);
    return false;
  }
}

[Erwan31]

Bonjour,
merci ça marche mais le test n'est pas validé true lorsque l'on clic sur le 2ème ou le 3ème bouton radio. Désole je débute en JS.

Je suppose que ça vient de là?
var nb = rvn.length;
for( i = 0; i < nb; i++) {

J'ai essayé avec ça :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
function checkRvn() {
var isChecked=false;
for (i=0; i<document.getElementsByTagName("input").length; i++)
if (document.getElementsByTagName("input")[i].name=="revenus")
if (document.getElementsByTagName("input")[i].checked)
isChecked=true;
if (!isChecked)
{
texte_bad += "Vous devez choisir un revenu.\n";
return false;
}
}

Mais ça marche pas non plus !

[NoSmoking]

milles excuses, j'ai modifié à l'arrache sans plus regarder

Code :

1
2
3
4
5
6
7
8
9
10
11
function checkRvn() {
  var rvn = document.getElementById("form3").elements["revenus"];
  var nb = rvn.length;
  for( i = 0; i < nb; i++) {
    if( rvn[i].checked) {
      return true;
    }
  }
  // si aucun coche
   return false;
}

devrait être mieux

[andry.aime]

Bonjour,

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
30
function checkRvn() {
	var rvn = document.getElementById("form3").elements["revenus"];
	for (i=0; i<rvn.length; i++){
		if(rvn[i].checked){
			return "";
		}
	}
	return "Vous devez choisir un revenu.\n";
}
 
function test_form() {
  var texte_bad = "";
  monForm = document.getElementById("form3");
  if( monForm.nom.value == "") texte_bad = texte_bad + "Vous devez saisir votre nom\n";
  if( monForm.codepostal.value == "") texte_bad = texte_bad + "Vous devez saisir votre code postal\n";
  if( monForm.tel.value == "") texte_bad = texte_bad + "Vous devez saisir votre numéro de téléphone\n";
  if( monForm.email.value == "") texte_bad = texte_bad + "Vous devez saisir votre email\n";
  if( monForm.CG.checked == false) texte_bad = texte_bad + "Vous devez accepter les conditions générales pour pouvoir poursuivre.\n";
  texte_bad += checkRvn();
 
  var regex = new RegExp(/^0[1-90](((\.[0-9]{2}){4})|((\-[0-9]{2}){4})|(([0-9]{2}){4})|(\ ([0-9]{2}){4}))$/gi);
 
  if( texte_bad == "") {
    return true;
  }
  else {
    alert(texte_bad);
    return false;
  }
}

A+.

[Erwan31]

Bonjour,
super ça marche (même si je ne sais pas quel code choisir) !

Merci.

[andry.aime]

Envoyé par Erwan31

même si je ne sais pas quel code choisir

J'ai pas vue le code NoSmoking , il a posté pendant que je rédige le mien mais c'est la même chose.