JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.rawgit.com/Uunknownn/a4af5e57dd31952229473783d9789ed3/raw/4faf7337d10b125af13787998c585e5cb22f94d6/validator.min.js"></script>
<div class='text-center'>
  <h1>Le Amateur jQuery Form Validator Plugin</h1>
  <h3><small>build 1.2.0 (17, Mar 2017)</small></h3>
</div>
<div class='container bg-info'>
  <div class='row'>
    <div class="col-xs-6 col-xs-offset-3">
      <form id="loginForm" role="form">
        <input type="hidden" name='fock' value='lol'>

        <div class="form-group">
          <label class="control-label" for="formInput80">Username</label>
          <input name="uname" type="text" class="form-control" id="formInput80" placeholder="Insert your username">
          <span class="help-block"></span>
        </div>

        <div class="form-group">
          <label class="control-label" for="formInput80">Password</label>
          <input name="upass" type="text" class="form-control" id="formInput80" placeholder="Insert your username">
          <span class="help-block"></span>
        </div>

        <div class="form-group">
          <label class="control-label" for="formInput80">E-mail</label>
          <input name="umail" type="text" class="form-control" id="formInput80" placeholder="Insert your username">
          <span class="help-block"></span>
        </div>

        <div class="form-group">
          <label class="control-label">Type your message</label>
          <textarea name="umsg" class="form-control" cols="30" rows="10" style="resize: none"></textarea>
          <span class="help-block"></span>
        </div>

        <button class="btn btn-primary btn-block">Submit (Test Plugin)</button>
      </form>
    </div>
 ...

JavaScript

$('#loginForm').on('submit', function(e) {
  e.preventDefault();

  $(this).validate([{
    name: 'uname',
    display: 'user name',
    rules: 'required|special|len[6]'
  }, {
    name: 'upass',
    display: 'user password',
    rules: 'required|match[uname]|special'
  }, {
    name: 'umail',
    display: 'user email',
    rules: 'required|email|len[10,32]'
  }, {
    name: 'umsg',
    display: 'user important message',
    rules: 'required|len[6,255]'
  }, ], function(data) {
    console.log(data.msg)
  })

});