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: '请输入年龄' }, '']
            ]
        }
    }
}

attr

[name,rule,initialValue]

required<Boolean>:是否验证当前表单
pattern<RegExp>:表单匹配的正则
errorMsg<String>:验证不通过的提示信息
trigger<String>:触发验证的事件名称
formatter<Function>:表单相值的格式化函数

method

| 方法名 | 参数 | 格式 | | ------ | ------ | ------ | | validateForm | callback | Function | | getFieldsValue | name | String / Array|

说明

功能待完善