JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" id="sender_container">
    <input type="text" name="name[]" />
    <input type="text" name="name[]" />
    <input type="text" name="name[]" />
    <input type="text" name="name[]" />
    <input type="text" name="name[]" />
    <input type="submit" name="submit" />
</form>

CSS

.error{border:1px solid red}

JavaScript

$(document).on('submit','#sender_container',function(e)
{
   e.preventDefault();
    validate();
});
function validate()
{
    $('input:text','#sender_container').removeClass('error');
    $('input:text[value=]','#sender_container').addClass('error');
}