Überprüfen Sie, ob alle Elemente, die eine Bedingung

Question

erfüllen muss ich ein jQuery-Filter/map/jede Art Funktion zu überprüfen, ob alle Elemente eine Bedingung erfüllen:

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

wenn alle Eingänge haben Länge> 0 someFunction sollte true zurückgeben. Alles in jQuery?

Answer 1

Die Antwort ist JA, es hat eine Methode Grep, die Ihre Anforderung erfüllen kann. Zum Beispiel:

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

teste ich es nicht, vielleicht hat es winziges Problem sollte aber fast so sein.

Answer 2

Dies wird durch jedes Element gehen UND die Bedingung mit dem vorherigen Ergebnis, so dass es nur wahr zurückgibt, wenn die Bedingung für alle Elemente erfüllt ist. Sie könnten natürlich die Bedingung durch eine Callback-Funktion ersetzen, und tun Sie inputs.each( anstelle von $('input'), aber Sie müssen möglicherweise den Code ein bisschen anpassen abhängig davon, ob Eingänge ein jquery Objekt oder nicht ist.

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

Answer 3

Nicht genau, aber es ist einfach zu erstellen:

$.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); 
     }; 

Hier arbeitet Test: http://jsbin.com/iwanof/2/

Answer 4

Ich verwende in der Regel Form folgende Spiele in JQuery zu bekommen

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

In Ihrem speziellen Fall würde es so aussehen:

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

Hope this Sie einige Zeit spart.

Answer 5

Sie müssen dazu nicht jQuery verwenden. Sie können dies in nativem JavaScript mit Array.prototype.every tun, das in IE 9+ unterstützt wird.

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

Wenn Sie EcmaScript 2015 verwenden, können Sie es ordentlich weiter nach oben:

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

Answer 6

Es gibt einige kleinere Optimierungsprobleme unadressierte durch die vorhandenen Antworten, also werde ich meinen Hut in den Ring werfen mit dem, was ich glaube, ist der lesbarste/performanteste Code.

ein jQuery-Erweiterung Methode wie folgt hinzufügen, die wird Kurzschluss:

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

Dann es so nennen:

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

Answer 7

Schnell wenig 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; }); 
}