Parsley.js: UI/UX Cheat Sheet

UI for form

UI Enabled:

Activate or deactivate UI

data-parsley-ui-enabled="false"

Focus:

Focus failing field on form validation. Possible values: 'first' | 'last' | 'none'

data-parsley-focus="first"

UI for field

Trigger:

data-parsley-trigger="input"

Trigger After Failure:

Default is 'input'

data-parsley-trigger-after-failure="focusout"

No focus:

data-parsley-no-focus

Validation threshold:

data-parsley-validation-threshold="10"

Class handler:

data-parsley-class-handler="#element"

Errors container:

data-parsley-errors-container="#element"

Error message:

data-parsley-error-message="my message"

Validator error message:

data-parsley-`constraint`-message="my message"

UI for javascript

Add error:

addError(name, {message: , assert: , updateClass: true});

Update error:

updateError(name, {message: , assert: , updateClass: true});

Remove error:

removeError(name, {updateClass: true});