轻巧，可自定义，可扩展，对移动设备友好的表单验证器，支持实时，异步和ajax验证。

下载安装

# Yarn
$ yarn add @mediv0/validator

# NPM
$ npm i @mediv0/validator

如何使用它：

1.导入并注册组件。

import Vue from "vue;
import validator from @mediv0/validator;

Vue.use(validator, options);

2.使用v-validator指令将表单验证器附加到输入字段。

<input v-validator="validatorOptions" />

export default {
  data(){
    return {
      validatorOptions: { ... } 
    }
  }
}

3.可能的验证器选项。

key?: string;
hideLines?: boolean;
hideLabels?: boolean;
circleSize?: number;
disable?: boolean;
debounce?: number;
items: checkPropertyItemsType;
onError?: IonError;
onSuccess?: Function;

4.可能的插件选项。

Vue.use(validator, {
  name: "validator",
  success: "#2DE68F",
  failed: "#979797", 
  unchecked: "#FF4343"
});

---

官网：https://github.com/mediv0/vue-input-validator

演示：https://www.vue365.cn/code_demo.php?id=4272

GitHub下载：https://github.com/mediv0/vue-input-validator/archive/master.zip