Validarium
A JQuery validation plugin: practical, simple and extensible. Validates your existing forms in HTML without headaches. Developed by Corollarium.
Licensed under the MIT license.
Some ideas and code borrowed from jquery-validate.
Getting Started
Include jQuery and Validarium. Then apply Validarium to the form.
<form> .... </form> <script src="jquery.js"></script> <script src="jquery.validarium.js"></script> <script> $(document).ready(function() { $("form").validarium(); }); </script>You can download the package, clone the repository or use bower.
bower install Full documentation
See https://github.com/Corollarium/validarium/wiki
Examples
Required fields
<form> <input type="text" data-rules-required="true" /> </form>Required with another message
This works for all the other items, too
<form> <input type="text" data-rules-required="true" data-rules-required-message="My message here" /> </form>Minlength, maxlength
<form> <input type="text" data-rules-minlength="5" data-rules-maxlength="10" /> </form>(note that minlength accepts empty values, if you don't want those use the "required" rule)
Two fields must match
<form> <input type="password" id="pw1" data-rules-equalto="#pw2"/> <input type="password" id="pw2" data-rules-equalto="#pw1"/> </form>Field must obey a regexp
<form> <input type="text" data-rules-regexp="^([a-zA-Z]{5})$" /> </form>Floating point numbers, with minimum and maximum
<form> <input type="text" data-rules-min="4" data-rules-max="10" data-rules-number="true" /> </form>Positive integers, with minimum and maximum
<form> <input type="text" data-rules-min="4" data-rules-max="10" data-rules-digits="true" /> </form>Strings with maximum and minimum length
<form> <input type="text" data-rules-minlength="4" data-rules-maxlength="10" /> </form>Url, email, domain
<form> <input type="text" name="someurl" data-rules-url="true" /> <input type="text" name="someemail" data-rules-email="true" /> <input type="text" name="somedomain" data-rules-domain="true" /> </form>CPF and CNPJ
<form> <input type="text" name="customer-cpf" data-rules-cpf="true" /> <input type="text" name="customer-cnpj" data-rules-cnpj="true" /> </form>License
Copyright (c) 2012 Corollarium Tecnologia http://www.corollarium.com Licensed under the MIT license.
