JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<form action="">
  <input class="required" type="text" name="first" value="test">
  <input class="required" type="text" name="second" value="test">
  <input class="required" type="text" name="third" value="test">
  <input class="required" type="text" name="fourth" value="">
</form>

JavaScript

const isFormValid = ($form, ignoredNames = []) => {
  return $form.find(':input.required').toArray().every((el) => {
    const $el = $(el);

    return $el.val() && !ignoredNames.some((v) => $el.prop('name').includes(v));
  });
};

const $form = $('form');

isFormValid($form, ['fourth'])