F-form-validator NPM

formValidator

start with npm

npm i f-form-validator --save

start with yarn

yarn add f-form-validator --save

// somecode
import { formValidator } from 'f-form-validator'
Vue.use(formValidator)

usage

<f-form ref="form" :rules="rules">
    <f-form-item label="名字" value="username">
        <f-input type="text"></f-input>
    </f-form-item>
    <f-form-item label="年龄" value="age">
        <f-input type="password"></f-input>
    </f-form-item>
</f-form>

export default {
    data(){
        return {
            rules:[
                ['username', { required: false, pattern: /^[0-9]+/, errorMsg: '请输入用户名', trigger: 'change', formatter: this.formatter }, ''],
				['age', { required: true, errorMsg: '请输入年龄' }, '']
            ]
        }
    }
}