Check if at least one input in array has a value using jQuery/Javascript

Question

I'm trying to check if at least one of my inputs has a value. The code below is currently working to check if all inputs have a value, I need to just check if one in the array contains a value.

var returnValue = true;
var listOfInputs = [
    $("#entry_bg"),
    $("#entry_carbs"),
    $("#entry_bolus"),
    $("#entry_correction"),
    $("#entry_food"),
    $("#entry_notes")
];


listOfInputs.forEach(function(e) {
    if (!e.val()) {
        returnValue = false;
    }
});

if (!returnValue) {
    return false;
}

What can I do to achieve this? Any help would be great, thanks!

trincot · Accepted Answer · 2017-05-13 22:47:18Z

2

You can use Array#some:

return listOfInputs.some(function(e) {
    return e.val() != '';
});

answered May 13, 2017 at 22:47

trincot

357k38 gold badges282 silver badges338 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

trincot Over a year ago

Just notice you unaccepted this answer five months later. Was there any issue?

Bertrand Marron · Accepted Answer · 2017-05-13 22:49:23Z

2

You should check Array.protoype.some.

some() executes the callback function once for each element present in the array until it finds one where callback returns a truthy value

const hasAtLeastOneValue = listOfInputs.some(input => !!input.val());

answered May 13, 2017 at 22:49

Bertrand Marron

22.3k8 gold badges63 silver badges95 bronze badges

Comments

Joe Scotto · Accepted Answer · 2017-05-13 22:57:44Z

0

It seemed that the simplest solution was to just check for an element that had a value and set returnValue = true.

var returnValue = false;
var listOfInputs = [
    $("#entry_bg"),
    $("#entry_carbs"),
    $("#entry_bolus"),
    $("#entry_correction"),
    $("#entry_food"),
    $("#entry_notes")
];

listOfInputs.forEach(function(e) {
    if (e.val()) {
        returnValue = true;
    }
});

if (!returnValue) {
    openErrorModal(".entry_submit", "Add Entry", "You must fill out at least one input in order to add an entry.", "#entry_modal");
    return false;
}

answered May 13, 2017 at 22:57

Joe Scotto

11.1k18 gold badges79 silver badges160 bronze badges

1 Comment

trincot Over a year ago

This works, but is less efficient, since the forEach still continues to iterate the rest of the array, even if there was already a non-empty input found, which is kinda useless. The advantage of .some is that it exits as soon as the callback returns a truthy value, and it returns the boolean value of interest.

Collectives™ on Stack Overflow

Check if at least one input in array has a value using jQuery/Javascript

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related