v3.md

v3.0 features

Update logs

• 07/18/2016 (Last update)
• 07/13/2016
• 07/04/2016

Validation Result

• top level validation properties
  • valid
  • invalid
  • touched
  • untouched
  • pristine
  • dirty
  • modified
  • errors
• field level validation properties
  • valid
  • invalid
  • touched
  • untouched
  • pristine
  • dirty
  • modified
  • errors

Validator Syntax

• Literal
  • Array
  • Object
• Binding
• Dynamic Attribute
• Camel-case

Built-in Validators

• required
• pattern
• minlength
• maxlength
• min
• max

Validatable Elements

• input (text/number/email/url/ ...)
• checkbox
• radio
• select
• component ^NEW

v-model Integration

• elements
  • input (text/number/email/url/ ...)
  • checkbox
  • radio
  • select
  • component ^NEW
• v-model value control ^NEW

Validation Classes

• basic
• custom classes
• class prefix ^NEW

Grouping

• basic
• component ^NEW

Error Messages

• global registration
• local registration
• enumration ^{DEPRECATED, use your component}
  • defautl component template
  • custom component template
  • default partial template
  • custom partial template
  • group message focusing
  • filed message focusing

Events

• top level validation event
  • valid
  • invalid
  • touched
  • dirty
  • modified
• field level validatoin event
  • valid
  • invalid
  • touched
  • dirty
  • modified

Custom Validator

• global registration
• local registration
• error message

Validation Timing Customization

• initial ^{DEPRECATED, use DOM event handling}
• detect-blur ^{DEPRECATED, use DOM handling}
• detect-change ^{DEPRECATED, use DOM handling}

Async Validation

• function
• promise
• progress status ^NEW

API

Vue global enhancement

• Vue.validator

Vue constructor options enhancement

• validators

Vue instance meta methods ^{DEPRECATED, use Validity class}

• $activeValidator
• $resetValidation
• $setValidationErrors
• $validate
• $validates

Validity class ^NEW

• methods
  • validate
  • reset
  • active
  • deactive
  • setErrors
• properties
  • valid
  • invalid
  • touched
  • untouched
  • pristine
  • dirty
  • modified
  • errors

Directive

• v-validate^{DEPRECATED, use validity component}
• v-validate-class

Special Elements (Components)

• validator ^{DEPRECATED, use the validation component}
• validator-errors ^DEPRECATED
• validity ^NEW
• validation ^NEW