vue 如何实现表单校验

npm install --save Vue-input-check

import inputCheck from 'vue-input-check';

// 安装
Vue.use(inputCheck);

<fORM autocomplete="off" novalidate>
    <input v-model='key' name='输入框名称' v-input-check='[key,"validate-express"]'/>
    <!-- 可以有任意多的输入框 -->
</form>

validate-express="val1:param1:param2|val2|valu3:param1"

    v-input-check='[key,"required|maxLength:10|regexp:^\\d{1,5}$"]'
    v-input-check='[key,"required"]'

this.$validateCheck(formnode, callback, errorback);

{
    "$el":错误的输入框结点
    "$error":当前输入框的第一个错误提示信息
}

Vue.use(inputCheck, {

    // 自定义校验规则
    validate: [{

        // 规则的名称
        name: "XXX",

        // 校验方法，返回true表示合法，false表示非法
        // 需要注意的是，这个函数除了el和val一定存在外，余下的参数是使用的时候通过```:```分割传递的，可以有任意多个
        // 比如：``` required:true|phone:parm1:param2 ```
        test: function (el, val, ...) {
            return true|false;
        },

        // 非法提示信息，应该返回一个字符串
        message: function (el, name) {
            return "XXX";
        }
    },
    // 校验规则可以有多条
    ......
    ]

});