Vérification des valeurs d'un array

Version imprimable

Bonjour,

Je voudrai savoir s'il est possible de détecter si une des valeurs contenue dans un array est vide.

Je m'explique. Je récupère les valeurs d'un formulaire avec la fonction serializeArray. je voudrai vérifier s'il n'y a aucune valeur vide avant de soumettre les données au script php.

Voilà ce que j'ai déjà codé et qui ne fonctionne pas:

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
 
var href = $(this).attr('href');
var elemt = href.split('-');
var check = $( elemt[0] ).serializeArray();
if (checkForm(check) === true) {
                $.ajax({
                        type: "POST",
                        data: $( elemt[0] ).serialize(),
                        url: elemt[1],
                        cache: false,
                        success:
                        function(ret) {
                                $(".ui-dialog-content").html(ret);
                        },
                        statusCode: {
                                404: function() { alert("page not found") }
                        }
                });
                alert("validation ok");
        } else alert("Veuillez renseiger tous les champs svp.");
 
....
....
 
function checkForm(valueArray) {
        $.each( valueArray, function( key, field ) {
                alert(field.name + " " + field.value);
                if ( field.value != "" ) return true;
                else return false
        });
}

je fais forcément quelque chose mal, mais je ne sais pas quoi ?

22/01/2014, 11h56
SpaceFrog

Code:

if ( field.value != "" ) r

pourquoi value ?

Code:

if ( field != "" )
22/01/2014, 11h58
zerros
parce que field est un "object". Si j'affiche avec un console filed, il m'affiche object. Pour accéder à la valeur, il faut faire field.value.

Confirmé par la doc jquery:
Code:

1 2 3 jQuery.each( fields, function( i, field ) { $( "#results" ).append( field.value + " " ); });

ha tu es dans le serialize ...
donc field = champs

Code:

1
2
3
4
5
6
7
8
function checkForm(valueArray) {
       verif=0;
        $.each( valueArray, function( key, field ) {
                alert(field.name + " " + field.value);
                if ( field.val() == "" ) {++verif;}
});
return verif==0;
}

Solution alternative.

Attention aux champs "hidden" ayant un attribut "name" et pas de valeur, ils sont pris en compte par serializeArray(), ils seront donc signalés comme invalides et l'utilisateur ne peut rien y changer ! :aie:

Code:

.noValid { border: 1px solid red; }

Code:

1
2
3
<form id="myFormID">
 
</form>

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
35
36
37
var jObjForm = $( "#myFormID" );
 
jObjForm.on( "submit", function(){
 
    var tabInvalide = $.map( jObjForm.serializeArray(), function( value, index ){
        if ( $.trim( value.value ).length < 1 ){
            return value;
        }
    });
 
    if ( tabInvalide.length === 0 ){ // valide
 
        /*
         * Supprimer le marquage des champs invalides
         */
         jObjForm.find( "*" ).removeClass( "noValid" );
 
         $.ajax({
            // votre code
         });
 
 
    } else { // invalide
 
        alert( "Vous avez oubliez de remplir " + tabInvalide.length + " champs du formiulaire !");
 
        /*
         * Marquez en rouge les champs invalides
         */
        $.each( tabInvalide, function( i, item ){
           jObjForm.find( '[name=' + item.name + ']' ).addClass( "noValid" );
        });
 
    }
 
    return false;
});

Nota bene : en HTML5 il y a l'attribut "required".

23/01/2014, 15h59
zerros

Merci pour ces infos, et surtout le nota bene pour le HTML5 :)

Du coup je me suis renseigné, mais le HTML5 est pour le moment à exclure car personne ne sait me dire si tous les navigateurs utilisés sont compatibles HTML5 lol

Allez je teste tout ça. merci.
24/01/2014, 08h08
zerros

Hello,

Bon finalement la solution de SpaceFrog fonctionne bien. Je vais rester dessus pour être certain que tous les navigateurs pourront avoir le même fonctionnement. Sinon il faut imposer les mises à jour des navigateurs aux X personnes qui utiliseront l'application ...

Merci :)