Code

                    
                      
Parsley Validation code
<form action="#" class="parsley-examples">
  <div class="form-group">
    <label>Required</label>
    <input type="text" class="form-control" required placeholder="Type something" />
  </div>

  <div class="form-group">
    <label>Equal To</label>
    <div>
      <input type="password" id="pass2" class="form-control" required placeholder="Password" />
    </div>
    <div class="mt-2">
      <input type="password" class="form-control" required data-parsley-equalto="#pass2"
        placeholder="Re-Type Password" />
    </div>
  </div>
  <div class="form-group mb-0">
    <div>
      <button type="submit" class="btn btn-primary" data-effect="wave">
        Submit
      </button>
    </div>
  </div>
</form>
                    
                  

                    
                      
jQuery Validation code
<form id="demo-form">
  <div class="form-group">
    <label for="fullname">Full Name <span class="text-danger">*</span></label>
    <input type="text" class="form-control" name="validation-fname1" id="fullname">
    <div class="validation-error d-none font-size-13">
      This field is required
    </div>
  </div>
  <div class="form-group">
    <label for="email">Email <span class="text-danger">*</span></label>
    <input type="email" id="email" class="form-control" name="validation-email1">
    <div class="validation-error d-none font-size-13">
      This field is required
    </div>
  </div>
  <div class="form-group mb-0">
    <button type="submit" class="btn btn-success">Validate</button>
  </div>
</form>
                    
                  

Required Files

                    
<script src="assets/vendors/jquery-validation/js/jquery.validate.min.js"></script>
<script src="assets/vendors/jquery-validation/js/additional-methods.min.js"></script>
<script src="assets/vendors/parsleyjs/parsley.min.js"></script>
<script src="assets/js/pages/form-validation.init.js"></script>