Check if all elements satisfy a condition

Question

I need a jQuery filter/map/each type function to check if ALL elements satisfy a condition:

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

If ALL inputs have length > 0 someFunction should return true. Anything like this in jQuery?

Answer 1

The answer is YES, it has a method grep that can meet your requirement. For example:

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

I don't test it, maybe it has tiny issue but should be almost like this.

Answer 2

You don't need to use jQuery to do this. You can do this in native JavaScript using Array.prototype.every, which is supported in IE 9+.

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

If you are using EcmaScript 2015, you can tidy it up further:

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