JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.js"></script>
<form id="formCheckPassword">

  <div class="form-group">
    <label>Password</label>
    <input type="password" class="form-control" name="password" id="password" />
  </div>
  <div class="form-group">
    <label>Retype Password</label>
    <input type="password" class="form-control" name="cfmPassword" id="cfmPassword" />
  </div>
  <input type="submit" value="submit" />
</form>

JavaScript

$("#formCheckPassword").validate({
   rules: {
     password: {
       required: true,
       minlength: 6,
       maxlength: 10,

     },

     cfmPassword: {
       equalTo: "#password",
       minlength: 6,
       maxlength: 10
     }


   },
   messages: {
     password: {
       required: "the password is required"

     }
   }

 });