How to make use of it:

1. To get started put the minified version of the validateMini plugin after the most recent jQuery library.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.validateMini.min.js"></script>

2. Initialize the plugin on the HTML form and we’re ready to go.

<form>
  ... Form Fields Here ...
</form>

$(function(){
  $('form').validateMini();
});

3. Apply a validation rule to your form area utilizing the validates attribute.

<label>Username</label>
<input validates="required" name="name" type="text" />

4. You also can apply multiple validation rules to a single form as follows:

<label>Email</label>
<input validates="required|email" name="email" type="email" />

<label>Password</label>
<input validates="required|between:6,15" id="Password" name="password" type="password" />

<label>Re-Password</label>
<input validates="required|same:Password" name="password" type="password" />

5. Create your own validation rules within JavaScript.

<label>Password</label>
<input validates="required|between:6,15|strong" id="Password" name="password" type="password" />

<label>Re-Password</label>
<input validates="required|same:Password" name="password" type="password" />

6. Customize the styles of the error text.

.error-text {
  color: red;
}

7. Customize the styles of the invalid form fields.

.valid-error{
  border: 1px solid red;
}

.valid-pass{
  border: 1px solid green;
}

Form Validator With jQuery And Regex, validate Mini Plugin/Github, jquery validate form before submit example, jquery validate all input fields

See Demo And Download