JSFiddle - React, Tailwind, and code Playground

by Shashank D

HTML

<div>
  <form>
    <div>
      <label>
        Name:
        <input type="text" name="name">
      </label>
    </div>
    <br>
    <div>
      <label>
        Age:
        <input type="text" name="age">
      </label>
    </div>
    <br>
    <div>
      <input type="submit" value="Submit">
    </div>
  </form>
</div>

JavaScript

$(document).ready(function() {
  validate();
  $('input').on('keyup check', validate);
});

function validate() {
  var input = $('input');
  var isValid = false;
  $.each(input, function(k, v) {
    if (v.type != "submit") {
      isValid = (k == 0) ?
        v.value ? true : false : isValid && v.value ? true : false;
    }
    if (isValid) {
      $("input[type=submit]").prop("disabled", false);
    } else {
      $("input[type=submit]").prop("disabled", true);
    }
  });
}