Discussion :

[Croquete]

Bonjour,

Je demande de l'aide car j'ai un peu de mal avec JavaScript et je me demandais comment factoriser ce code :

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
$('label[for="nom_societe"]').css({color: ''});
        if ( jQuery.trim($("#nom_societe").val()).length==0 ) {
            $('label[for="nom_societe"]').css({color: 'red'});
			$("#nom_societe").css({border: '2px solid red'});
            bReturn = false;
        }
 
		$('label[for="nom_interlocuteur"]').css({color: ''});
        if ( jQuery.trim($("#nom_interlocuteur").val()).length==0 ) {
            $('label[for="nom_interlocuteur"]').css({color: 'red'});
			$("#nom_interlocuteur").css({border: '2px solid red'});
            bReturn = false;
        }
 
		$('label[for="adresse"]').css({color: ''});
        if ( jQuery.trim($("#adresse").val()).length==0 ) {
            $('label[for="adresse"]').css({color: 'red'});
			$("#adresse").css({border: '2px solid red'});
            bReturn = false;
        }
 
...

Je pensais faire une boucle avec des variables pour récupérer l'identifiant, le nombre d'id dans le code. Mais il n'y a aucun moyen d'indiquer quel identifiant récupérer parmi tous ceux dans mon code HTML.
Serait-ce impossible de simplifier ce code ?
Merci de votre aide.

[SpaceFrog]

http://jsfiddle.net/EsHQV/

[Croquete]

Ce site permet seulement de tester son code non?

Je voudrais factoriser le code qui oblige la saisie des champs.

[SpaceFrog]

si tu avais lu le code de mon exemple tu aurais vu la factorisation des selecteurs ...

voici un exemple partiel..
http://jsfiddle.net/EsHQV/5/

[danielhagnoul]

Bonsoir

Plusieurs chemins vont à Rome.

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
function labelInputcolorRed( id ){
    var bReturn = true,
         jObjLabel = $( "label[for='" + id + "']"),
         jObjInput = $( "#" + id );
 
    jObjLabel.css({ "color" : "" });
 
    if ( $.trim( jObjInput.val() ).length == 0 ){
        jObjLabel.css({ "color" : "red" });
        jObjInput.css({ "border" : "2px solid red" });
        bReturn = false;
    }
 
   return bReturn;
}

[Croquete]

Pardon, je n'avais pas vu. Merci de vos réponses, je vais essayer tout de suite vos codes.