Vérifiez si tous les éléments satisfont à une condition

Question

je besoin d'un filtre jQuery/carte/chaque fonction du type de vérifier si tous les éléments satisfont à une condition:

function areAllValid(inputs){ 
    return $.someFunction(inputs, function(input) { return input.length > 0; }); 
} 

Si toutes les entrées ont une longueur> 0 someFunction doit retourner vrai. Quelque chose comme ça dans jQuery?

Answer 1

La réponse est OUI, il a une méthode grep qui peut répondre à vos besoins. Par exemple:

inputs= jQuery.grep(inputs, function(input){ 
return input.length>0; 
}); 
if(inputs.length>0) return true; 
return false; 

Je ne le teste pas, peut-être qu'il a un problème mineur, mais devrait être presque comme ceci.

Answer 2

Cela va passer par chaque élément, ET la condition avec le résultat précédent, de sorte qu'il ne retournera vrai que si la condition est vraie pour tous les éléments. Vous pouvez bien sûr remplacer la condition par une fonction de rappel, et faire inputs.each( au lieu de $('input') mais vous devrez peut-être ajuster le code un peu selon que les entrées sont un objet jquery ou non.

var all = true; 
    $('input').each(function(index, value) { 
    all = all & ($(value).val().length > 0); 
    }); 
return all; 

Answer 3

Pas exactement, mais il est facile de créer un:

$.eachCondition = function (obj, conditionFunction){ 
     var trueCount=0; 
     var falseCount=0; 

     $.each(obj, function (i,v) { 
      if (conditionFunction.call(this,i,v)) { 
      trueCount++; 
      } 
      else { 
      falseCount++; 
      } 
      }); 
      if (falseCount===0) { 
      return true; 
      } 
      if (trueCount===0) { 
      return false; 
      } 
      return undefined; 
     }; 
     $.fn.eachCondition = function (conditionFunction) { 
     return $.eachCondition(this, conditionFunction); 
     }; 

Voici essai fonctionne: http://jsbin.com/iwanof/2/

Answer 4

J'utilise habituellement formulaire ci-dessous pour obtenir les matchs dans JQuery

$.map($("[some selector]"), function(e) { 
    return ([some matching mechanism]); 
}).indexOf(false) == -1; 

Dans votre cas spécifique, cela ressemblerait à ceci:

$.map(inputs, function(e) { 
 
    return (e.length > 0); 
 
}).indexOf(false) == -1;

Espérons que cela vous permet d'économiser un certain temps.

Answer 5

Vous n'avez pas besoin d'utiliser jQuery pour cela. Vous pouvez le faire en JavaScript natif en utilisant Array.prototype.every, qui est pris en charge dans IE 9+.

function areAllValid(inputs){ 
    return inputs.every(function(input) { return input.length > 0; }); 
} 

Si vous utilisez EcmaScript 2015, vous pouvez ranger vers le haut plus:

var areAllValid = inputs => inputs.every(input => input.length > 0); 

Answer 6

Il y a quelques problèmes d'optimisation mineurs non adressés par les réponses existantes, donc je vais jeter mon chapeau dans l'anneau avec ce que je crois être le code le plus lisible/performant.

Ajouter une méthode d'extension jQuery comme celui-ci qui va court-circuit:

/** 
* Determines whether all elements of a sequence satisfy a condition. 
* @@param {function} predicate - A function to test each element for a condition. 
* @@return {boolean} true if every element of the source sequence passes the test in the specified predicate 
*/ 
$.fn.all = function (predicate) { 
    $(this).each(function (i, el) { 
     if (!predicate.call(this, i, el)) return false; 
    }); 
    // we made it this far, we're good. 
    return true; 
}; 

Ensuite, appelez comme ceci:

var allValid = $("form :input").all(function() { 
        return $(this).valid(); 
       }); 

Answer 7

rapide peu jQuery:

$(document).ready(function() { 
    $('form input').keyUp(function() { 
    var allValid = true; 
    $.each($('form input'), function(input) { 
     allValid = input.val().length > 0 
    } 
    if (allValid) 
     ... 
    else 
     ... 
    }) 
}); 

Answer 8

function areAllValid(inputs){ 
    return Array.prototype.every.call(inputs, function(input) { return input.length > 0; }); 
}