JSFiddle - React, Tailwind, and code Playground

by Oscar Daniel Requena Seijas

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script>
<form id="contactForm" method="post">
  <input name="contactName" id="contactName" />
  <br />
  <button type="submit">Submit</button>
</form>

JavaScript

var count = 15;
$('#contactName').on('keyup', function() {
  current = count - parseInt($('#contactName').val().length);
  $(this).rules('add', {
    minlength: current
  });
});

$('#contactForm').validate({
  rules: {
    contactName: {
      required: true
    }
  }
});