jQuery s'assure que tous les champs de formulaire sont remplis

J'ai un formulaire simple, je suis en train de faire la validation côté client.
Pour valider, aucun champ ne doit être laissé vide.
C'est comment je vais chez elle:

function validateForm() {
  $('.form-field').each(function() {
    if ( $(this).val() === '' ) {
      return false
    }
    else {
      return true;
    }
  });
}

Pour une raison quelconque, ma fonction renvoie toujours false, même si tous les champs sont remplis.

source d'informationauteur sf89

  1. 28

    Vous ne pouvez pas retourner false à partir de l'intérieur de la fonction anonyme. En outre, si elle a fait un travail, vous retourner false si le premier champ est vide, la valeur true si pas, et à ignorer le reste de vos champs. Il y a peut être une solution plus élégante, mais vous pouvez faire quelque chose comme ceci: 

    function validateForm() {
  var isValid = true;
  $('.form-field').each(function() {
    if ( $(this).val() === '' )
        isValid = false;
  });
  return isValid;
}

    Autre recommandation: cela vous oblige à décorer tous vos champs de formulaire avec qui formfield classe. Vous pouvez être intéressé par filtrage à l'aide d'un autre sélecteur, par exemple $('form.validated-form input[type="text"]')

    MODIFIER Ah, je me suis fait battre pour le punch, mais mon explication est toujours valable et je l'espère, utile.

  2. 4

    Vous étiez de retour de la fonction interne pas de la validate méthode

    Essayer

    function validateForm() {
    var valid = true;
    $('.form-field').each(function () {
        if ($(this).val() === '') {
            valid = false;
            return false;
        }
    });
    return valid
}
  3. 1
    function validateForm() {
    var invalid= 0;
    $('.form-field').each(function () {
        if ($(this).val() == '') {
            invalid++;
        }
    });

   if(invalid>0)
       return false;
   else
       return true;
}
  4. 0

    Ici est une approche similaire:

    function validateForm() {
  var valid = true;
  $('.form-field').each(function() {
    valid &= !!$(this).val();
  });
  return valid;
}

    !! juste convertit la valeur d'entrée bool