Помогите По Js Пожалуйста.

[Dmitry86]

Всем привет! Есть такой код для объединения нескольких input в один:

<input id="input1" name="input1"/>
<input id="input2" name="input2"/>
<input id="input3" name="input3"/>
<input id="input4" name="input4" readonly />

и js

input1.addEventListener('input', joinValues, false);
input2.addEventListener('input', joinValues, false);
input3.addEventListener('input', joinValues, false);

function joinValues(){
    input4.value = input1.value + ', ' + input2.value + ', ' + input3.value;
}

Подскажите, пожалуйста, как правильно поставить проверку и ставить запятую и пробел ', ' при объединении только в том случае, если хотя бы один из следующих input'ов не пустой?

 

Благодарю заранее!!

[Dmitry86]

Отбой, нашёл решение, правда на jQuery...  Может кому пригодится:

<input class="combine" id="input1" name="input1"/>
<input class="combine" id="input2" name="input2"/>
<input class="combine" id="input3" name="input3"/><br><br>
<input class="combine" id="input4" name="input4" readonly />

 

и

input1.addEventListener('input', joinValues, false);
input2.addEventListener('input', joinValues, false);
input3.addEventListener('input', joinValues, false);

function joinValues(){
        var form = $('.combine').not('#input4');
        var vals = form.map(function () {
            var value = $.trim(this.value)
            return value ? value : undefined;
        }).get();
        $('#input4').val(vals.join(', '))
}

Демо тут: https://jsfiddle.net/qrc4ojck

 

Если кто-предложит решение без jQuery - буду благодарен.