JSFiddle - React, Tailwind, and code Playground

by 1eddy87

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="form">
  <input type="text" />
  <br />
  <input type="text" />
  <br />
  <input type="hidden" />
</div>
<p class="congrats"></p>
<button>
  click
</button>

CSS

p.congrats {
  display: none;
}

JavaScript

$(document).ready(function() {

  $('button').click(function() {

    var $emptyFields = $('.form :input').filter(function() {
      return $.trim(this.value) === "";
    });

    if (!$emptyFields.length) {
      alert("form has been filled");
    } else {
      alert("not filled out");
    }

  });

});