Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>This one looks like it would fit your description:</p> <ul> <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="nofollow noreferrer">jQuery plugin:validation (Homepage)</a></li> <li><a href="http://jquery.bassistance.de/validate/demo/" rel="nofollow noreferrer">demo</a></li> <li><a href="http://docs.jquery.com/Plugins/Validation" rel="nofollow noreferrer">API docs</a></li> </ul> <p>Here's a snippet of code copied from the source of the demo:</p> <pre><code>// validate signup form on keyup and submit $("#signupForm").validate({ rules: { firstname: "required", lastname: "required", username: { required: true, minlength: 2 }, password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" }, email: { required: true, email: true }, topic: { required: "#newsletter:checked", minlength: 2 }, agree: "required" }, messages: { firstname: "Please enter your firstname", lastname: "Please enter your lastname", username: { required: "Please enter a username", minlength: "Your username must consist of at least 2 characters" }, password: { required: "Please provide a password", minlength: "Your password must be at least 5 characters long" }, confirm_password: { required: "Please provide a password", minlength: "Your password must be at least 5 characters long", equalTo: "Please enter the same password as above" }, email: "Please enter a valid email address", agree: "Please accept our policy" } }); </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload