Validation des checkboxs

Version imprimable

bonjour,
j'ai codé le code pour verifier les champs apres validation ainsi que les checkbox, les champs fonctionne mais pas les checkbox
Voci le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function validateStep(step){
	if(step == fieldsetCount) return;
	var error = 1;
	var hasError = false;
	$('#formElem').children(':nth-child('+ parseInt(step) +')').find(':input.required:not(button)').each(function(){
		var $this 		= $(this);
		var valueLength = jQuery.trim($this.val()).length;
		if(valueLength == '' || document.formElem.requiredcheck.checked == false){
			hasError = true;
			$this.css('background-color','#FFEDEF');
		}
		else
			$this.css('background-color','#FFFFFF');

une chose vous saute au yeux ?
merci

20/12/2013, 10h23
Bovino

Code:

document.formElem.requiredcheck.checked == false

Tu as combien exactement d'éléments s'appelant requiredcheck ? :whistle:

un seul pour l'instant

le code html

Code:

1
2
<label for="aaw">Arrow</label>
<input class="requiredcheck" type="checkbox" name="aaw" value="1">

20/12/2013, 11h12
Bovino

No comment... :no:

Le nom d'un champ n'a rien à voir avec sa classe CSS... :roll:
Quant à l'attribut for, il est supposé correspondre à l'identifiant du champ (sinon, comment il fait si plusieurs champs ont le même nom ?)

merci pour l'aide je debute en effet j'ai modifié

Code:

1
2
3
4
5
6
7
if(valueLength == '' || document.formElem.aaw.checked == false){
	hasError = true;
	$this.css('background-color','#FFEDEF');
}
else
	$this.css('background-color','#FFFFFF');
});

Code:

1
2
<label for="aaw">Arrow</label>
<input type="checkbox" name="aaw" value="1">

la ca fonctionne mais si je veux verifier plusieurs checkbox je dois faire comment du coup ?

Code:

1
2
3
4
5
6
<label for="checkedch">Arrow</label>
<input type="checkbox" name="aaw" value="1">
<br>
<label for="checkedch">Catimini</label>
<input type="checkbox" name="cat" value="1">
<br>

Code:

1
2
3
4
5
6
7
if(valueLength == '' || document.formElem.checkedch.checked == false){
	hasError = true;
	$this.css('background-color','#FFEDEF');
}
else
	$this.css('background-color','#FFFFFF');
});

la ca ne mache pas

merci

20/12/2013, 21h00
NoSmoking

Bonjour,

Citation:

...ca fonctionne mais si je veux verifier plusieurs checkbox je dois faire comment du coup ?

une boucle sur les éléments.

A méditer

Citation:

Envoyé par Bovino

Quant à l'attribut for, il est supposé correspondre à l'identifiant du champ (sinon, comment il fait si plusieurs champs ont le même nom ?)