vue form validator
npm install @jiubao/vue-validatorsh
$ npm install --save @jiubao/vue-validator
`
sh
$ yarn add @jiubao/vue-validator
`
javascript
// using ES6 modules
import validator from '@jiubao/vue-validator/dist/vue-validator.es'
`html
`Usage
basic
js
import validator from '@jiubao/vue-validator'
Vue.use(validator)
`
js
data: {
name: 'jiubao',
ruleRequired: {
required: true
}
}
`
html
`
more
js
import validator from '@jiubao/vue-validator'
var errorClass = 'validate-fail'
Vue.use(validator, {
onError: (validatorInstance) => {
addClass(validatorInstance.el, errorClass)
},
onSuccess: (validatorInstance) => {
removeClass(validatorInstance.el, errorClass)
}
})
`
js
data: {
employee: {
name: 'jiubao',
age: 10
},
phone: '18737373737',
ruleRequired: {
required: true
},
ruleMobile: {
rules: [{
key: 'mobile'
}],
required: true
},
ruleNumber: {
rules: [{
key: 'number'
}, {
key: 'max',
value: 200
}, {
key: 'min',
value: 30
}]
},
ruleLength: {
rules: [{
key: 'max_length',
value: 6
}, {
key: 'min_length',
value: 2
}]
}
}
`html
{{employee.age}}
{{employee.age}}
`API
js
this.validate$pass
this.$$validator.pass(this)
Vue.prototype.$$validator.all()
``* this.validate$pass
* Vue.prototype.$$validator
- add
- all
- pass
- find
- destroy