jQuery Validation v1.17.0 - Pro Component

If you have required fields in forms, the best way to add validation for them is through the jQuery Validation tool. We have imported it into the Material Dashboard Pro library and changed its colors.

For more information please check Full Github Documentation.

Register Form

* Required fields
<form id="RegisterValidation">
<div class="card ">
    <div class="card-header ">
    <h4 class="card-title">Register Form</h4>
    </div>

    <div class="card-body ">
      <div class="form-group has-label">
          <label>
              Email Address
              *
          </label>
          <input class="form-control" name="email" type="email" required="true">
      </div>

      <div class="form-group has-label">
          <label>
              Password
              *
          </label>
          <input class="form-control" name="password" id="registerPassword" type="password" required="true">
      </div>

      <div class="form-group has-label">
          <label>
              Confirm Password
              *
          </label>
          <input class="form-control" name="password_confirmation" id="registerPasswordConfirmation" type="password" required="true" equalto="#registerPassword">
      </div>

      <div class="category form-category">* Required fields</div>
    </div>
    <div class="card-footer text-right">
    <div class="form-check pull-left">
                  <label class="form-check-label">
                      <input class="form-check-input" type="checkbox" value="" checked="">
                       Subscribe to newsletter
                      <span class="form-check-sign">
                          <span class="check"></span>
                      </span>
                  </label>
              </div>
      <button type="submit" class="btn btn-primary">Register</button>
    </div>
</div>
</form>