Creating an array and skipping empty fields

Question

I have the following form:

                <input type="text" name="name1" id="names1" class="names" value="" placeholder="1) Name Here . . .">
                <input type="text" name="name2" id="names2" class="names" value="" placeholder="2) Name Here . . .">
                <input type="text" name="name3" id="names3" class="names" value="" placeholder="3) Name Here . . .">
                <input type="text" name="name4" id="names4" class="names" value="" placeholder="4) Name Here . . .">

I am trying to create an array when the user clicks the submit button that stores each name:

var values = $('.names').map(function() { return this.value; }).get();

It works, but it also collects the empty fields which I do not need. I figure I require a conditional For statement for this, but I can't manage the syntax for it.

Thanks

karaxuna · Accepted Answer · 2012-12-02 14:11:28Z

2

Try this:

var values = $('.names').map(function() { if(this.value.trim() != '') return this.value; }).get();

Or:

var result = [];
var elements = getElementsByClassName('names');
for(var i = 0; i < elements.length; i++){
    if(elements[i].value.trim() != '')
          result.push(elements[i].value);
}

answered Dec 2, 2012 at 14:11

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

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

1 Comment

das_boot Over a year ago

Jesus. That was record response time. +5

zb' · Accepted Answer · 2012-12-02 14:20:33Z

0

just select all .names with non empty value

var values = $('.names[value!=""]').map(function() { return this.value; }).get();

in real world you will need to store names also:

var values = $('.names[value!=""]').map(function() { 
    return {name: this.name,value: this.value};
}).get();

http://jsfiddle.net/oceog/7ZcbY/

edited Dec 2, 2012 at 14:20

answered Dec 2, 2012 at 14:15

zb'

8,0693 gold badges44 silver badges68 bronze badges

Collectives™ on Stack Overflow

Creating an array and skipping empty fields

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related