v3.md

v3.0 features

Update logs

• 10/18/2016 (Last Update)
• 10/01/2016
• 08/19/2016
• 07/18/2016
• 07/13/2016
• 07/04/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 ^DEPRECATED
  • input
  • checkbox
  • radio
  • select
  • component ^NEW
• v-model value control ^NEW

Validation Classes

• basic
• local custom classes
• global custom classes ^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 ^{DEPRECATED, use $watch or watch option}
  • 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 event DOM handling}
• detect-change ^{DEPRECATED, use event 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

Directive

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

Special Elements (Components)

• validator ^{DEPRECATED, use the validation component}
• validator-errors ^DEPRECATED
• validity ^NEW
  • methods
    • validate
    • reset
    • touch
    • active
    • deactive
    • setErrors
  • properties
    • valid
    • invalid
    • touched
    • untouched
    • pristine
    • dirty
    • modified
    • errors
    • progress
    • progresses
• validity-group (for multiple checkbox or radio)^NEW
• validation ^NEW