## slim.

Katherine

###### Form Validation

Required Input Validation

This is a demo of a required field that must not leave empty.

Firstname: *
Lastname: *

Attribute Reference

Attribute | Description
--- | ---
`data-parsley-validate` | Parsley the validator looks at all data-parsley-validate occurrences in DOM on document load and automatically binds them if valid.
`required` | Validates that a required field has been filled with a non blank value.

Email Validation

A demo of an email field that is required and must also be a valid email address. It automatically validate an email when the field is in type="email".

Email: *
Checkbox/Radio Validation

A demo of checkboxes that must be selected at least two fom any given list.

What is your favorite browser? *

Firefox Chrome Safari Edge

Attribute Reference

Attribute | Description
--- | ---
`data-parsley-validate` | Parsley the validator looks at all data-parsley-validate occurrences in DOM on document load and automatically binds them if valid.
`required` | Validates that a required field has been filled with a non blank value.
`data-parsley-mincheck="2"` | Validates that a certain minimum number of checkboxes in a group are checked.
`data-parsley-class-handler="#cbWrapper"` | Specify the existing DOM container where ParsleyUI should add error and success classes.
`data-parsley-errors-container="#cbErrorContainer"` | Specify the existing DOM container where ParsleyUI should put the errors.

Select Box Validation

A demo of select boxes that must be selected at least one fom any given option.

Using Custom Layout

A demo for using custom layout for validation.

Firstname: *
Lastname: *
Email address: *
Custom Style Error Message

A demo for using custom styled messages for error container.

Firstname: *
Lastname: *

What is your favorite browser? *

Firefox Chrome Safari Edge