JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js"></script>
<form id="loginForm">
  <fieldset id="body">
    <fieldset>
      <label for="email">Username</label>
      <input type="text" name="email" id="email" />
    </fieldset>
    <fieldset>
      <label for="password">Password</label>
      <input type="password" name="password" id="password" />
    </fieldset>
    <input type="submit" id="login" value="Sign in" />
    <label for="checkbox">
      <input type="checkbox" id="checkbox" />Remember me</label>
  </fieldset> <span><a href="#">Forgot your password?</a></span>

</form>


<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

CSS

#docs {
  display: block;
  position: absolute;
  bottom: 0;
}

JavaScript

$(document).ready(function () {
  $("#loginForm").validate({
    rules: {
      email: {
        required: true
      },
      password: {
        required: true
      }
    },
    messages: {
      email: {
        required: "specify email"
      },
      password: {
        required: "specify password"
      }
    },
    submitHandler: function (form) { // for demo
      alert('valid form');
      return false;
    }
  });
});