JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="nome[]" value="">
<input type="text" name="nome[]" value="">
<input type="text" name="nome[]" value="">
<button>verificar</button>

CSS

.invalid {
    border: 1px solid red;
}

JavaScript

var inputs = $('input[name="nome[]"]');
$('button').on('click', function () {
    var vazios = inputs.filter(function () {
        return this.value.split(' ').join('') == '';
    });

    alert('Existe ' + vazios.length + ' inputs vazios...');
    inputs.removeClass('invalid');
    vazios.addClass('invalid');
});