Vue的微型Async和AJAX表单验证库-vue-input-validator

Vue的微型Async和AJAX表单验证库-vue-input-validator
插件名称 vue-input-validator
发布时间 2021年2月27日

轻巧,可自定义,可扩展,对移动设备友好的表单验证器,支持实时,异步和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"
});