Pass*Field jQuery.Validation Example

A simple comment form with submit validation and default messages

*

*

*

 

*

Setup guide for jQuery.Validation

To show validation messages correctly, you should configure Pass*Field in specific way:

HTML

Add passfield attribute to the password field. Don't use other jQuery.Validation options (like minlength):

<input type="password" id="mypass" placeholder="your password" passfield="true" />

Pay attention to the correct order of included libraries:

<script src="jquery.js"></script>
<script src="jquery.validate.js"></script>
<script src="passfield.js"></script>
javascript

Note the following parameter in passField call (nothing special with other parameters, you can set them as you need):

$("#mypass").passField({
    showWarn: false // warning will be added by jQuery.Validate
});