1.0.3 • Published 4 years ago

vue-otto-validate v1.0.3

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

vue-otto-validate

Build Status Total alerts Language grade: JavaScript Npm Version npm: total downloads Types Dep license

Install

$ yarn add vue-otto-validate

Usage

import it , use as plugin , show errors when http response errors.

import Validator,{showErrors} from "vue-otto-validate"
Vue.use(Validator,{className:"text-danger"})
axios.post(...).catch(r => {showErrors( r.response.data.errors)});
// errors object : {fieldName:["message1","message2"...],...}
// if you using rails you already known

add directive v-validate="{leftOffset:100,topOffset:8}" among with v-model to element.

only need one attribute format as below
v-validate:position.className1.className2=optionsObj

preview:

preview

results html:

html

options

OptionTypeDefaultDescription
responsiveBooleanfalsetip responsive to field ?
translateString"3d""3d" or "2d" responsive using "translate3d" or translate 2d
positionString"leftTop"currently only supports "leftTop"
leftOffsetNumber0left offset relative to field's left
topOffsetNumber0top offset above field

dist

$ yarn dist

start and watch

$ yarn start
1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

5 years ago

1.0.0

5 years ago