What is parsley root good for’s why Parsley is here: to let you define your general form validation, implement it on the backend side, and simply port it frontend-side, with maximum respect to user experience best practices. Parsley’s current stable and supported versions are 2. If you still use a 1. Parsley’s default DOM API is data-parsley-.

You can also view here all of Parsley’s default configuration options. You will also need to include es5-shim if you want need to support IE8. Then, you can either use parsley. These files and extras are available here. Parsley CSS Parsley adds many classes and elements in the DOM when it validates.

You are strongly encouraged to customize them in your own stylesheets, but here is the “standard” Parsley css file that is used here on the documentation and examples, if you want to use it to bootstrap your projects with Parsley. They are shipped in English by default, but many other languages are available, thanks to the awesome international Parsley community. In the example above, we load both French and Italian translations, and use Italian. It uses events and inheritance, and allows various plugins.

Current available plugins are in Extras for additional validators. You’ll see here the different protagonists involved and how you can configure them to fit your desired validation. Of course, this documentation tries to be the most exhaustive possible and relatively easy to understand. This documentation also provides the complete annotated source. You can access and override options in javascript too: instance. This is a handy way to configure all your form’s inputs in a row by passing their config through form.

Shows that maxlength is 42 Parsley. Namespace used by Parsley DOM API to bind options from DOM. Auto bind your form with Parsley validation on document load. When looking for fields within a form, Parsley uses this selector. The fields found will then be filtered using the excluded option below. Form fields that won’t be validated by Parsley.