Question

I have this loop running after a click(), and it does not return false if the return false is placed deeper within the iterator. How can I ensure it returns false; ?

$.each($(".payment"), function(key, value) { 
  the_date = $(value).children("input:first").val();
  if( the_date != "") {
    if( the_date.split("/").length != 3) {
      return false; // <---  This doesn't work 
    };
  };
};

Here’s another validator that does work

if( $("input#date_awarded").val().split("/")[2] > 2010 ) {
  return false; // <-- Totally works
};

Answer 1

In an .each(), doing return false returns from the each callback, and halts the loop.

Instead you could use a variable to hold the return value, and return that after the loop.

var returnValue = true; //use a variable for the return value
$.each($(".payment"), function (key, value) {
    the_date = $(value).children("input:first").val();
    if (the_date != "") {
        if (the_date.split("/").length != 3) {
            returnValue = false; // set the return value
            return false; // break the loop
        }
    }
});
return returnValue; // return the return value