Discussion :

[zerros]

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 :

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
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 ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if ( field.value != "" ) r

pourquoi value ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if ( field != "" )

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[danielhagnoul]

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 !

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

.noValid { border: 1px solid red; }

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code JS :

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
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".

[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.