JSFiddle - React, Tailwind, and code Playground

by UI Designer

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="tab" method="post" action="#">
 
  <div class="control-group">
  <label class="control-label"  for="email"> Email <span id="email-error">Email is existed</span></label>
  <div class="control">
  <input  data-validation="email" type="text" name="email" id="email" placeholder="your email:[email protected]" class="form-control">
  </div>
  </div>
  <div class="control-group">
  <label class="control-label">Confirm Email</label>
  <div class="control">
  <input  data-validation="email" type="text" name="cemail" id="cemail" placeholder="input your email again" class="form-control">
  </div>
  </div>
  
<div class="control-group">
<div class="controls">
<button class="btn btn-success btn-lg">Create Account</button>
   </div>
  </div>
 </form>

JavaScript

$(document).ready(function(){
    alert('ok');
$.validate({
     rules: {
          email:'required',
          cemail:{
               equalTo:'#email'
              }
         },
     });
})