# axva

> Vue.use(axva,'pt'); //第二个参数接收设置报错语言(默认是中文,自带中文或葡语)

Latest version **0.1.7** (published 2018-04-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install axva
pnpm add axva
yarn add axva
bun add axva
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.7 |
| Published | 2018-04-18 |
| First published | 2017-09-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 24.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Maintainers | alexx617, huyuqiong |

## Links

- npm: https://www.npmjs.com/package/axva
- Repository: https://github.com/alexx617/axva
- Homepage: https://github.com/alexx617/axva#readme
- Issues: https://github.com/alexx617/axva/issues
- npm.io page: https://npm.io/package/axva

## Recent versions

- 0.1.7 (latest) — 2018-04-18
- 0.1.6 — 2018-03-16
- 0.1.5 — 2018-02-01
- 0.1.4 — 2018-02-01
- 0.1.3 — 2018-01-10
- 0.1.2 — 2017-12-13
- 0.1.1 — 2017-12-12
- 0.1.0 — 2017-12-12
- 0.0.37 — 2017-11-22
- 0.0.36 — 2017-11-15
- 0.0.35 — 2017-11-15
- 0.0.34 — 2017-11-15
- 0.0.33 — 2017-11-15
- 0.0.32 — 2017-11-15
- 0.0.31 — 2017-10-19
- … 21 more at https://npm.io/package/axva/versions

## README

# Vue表单验证插件

Vue.use(axva,'pt'); //第二个参数接收设置报错语言(默认是中文,自带中文或葡语)

```
<form v-va='form' errClass='err' :propCheck="propCheck">
    <input type="email" v-model="form.email" prop="email,Email" placeholder="Email" @blur="blur(email)"/>
</form>

data(){
    return {
        ruleValidate:{
            email: {noEmpty: true,min:8,type:'Number'},
        },
        propCheck:0
    }
}
isPass() {
    this.propCheck = 1;
    var isPass = this.$axva();
    if (!isPass.validate) {
        this.$tip(isPass.errMsg);
    } else {
        this.getAjax();
    }
},
blur(n){
    this.$axva_blur(n);
}
```

errClass:设置错误提示的class,设置后会添加自定义的class,如果不设置,默认是往下添加错误的DOM

propCheck:设置校验方式(不设置默认进入页面马上校验) //可设置离焦校验,需要每个input设置一个离焦并触发这个事件传入input的Name

prop:('需要验证的项目字段名','显示的报错项目名称')

this.$axva():返回验证结果


检测非空: noEmpty: true,

检测最大值length: min: 2

检测最小值length: max: 16

检测最大数值: NumMax:100

检测最小数值: NumMin:1

检测是否包含:'city': { include: [citysList, 'province'], message: '该省份没有包含此城市' },//include接收两个参数,第一个是规则,第二个是查找哪个,需要加message

检测自定义规则:cpf: { other: checkcpf, message: 'cpf错误' },//other接收一个参数,自定的规则,需要加message

检测是否相等:password: { noEmpty: true, equal: 'password_again', min: 6 },
password_again: { noEmpty: true, equal: 'password', min: 6 },

检测是否不相等:'name': { unequal: 'name2' },//unequal接收一个参数,需要对比的值

检测必须选择:service: { accepted: 'service', message: '必须接受协议' },//accepted接收一个参数,需要加message

检测检测正则:'email': { type: "Mail", max: 50 },

包含的正则包含:

ImgCode//图片验证码是否4位数

SmsCode//短信验证码是否4位数字

MailCode//邮件验证码是否4位数字

UserName//用户名4-16位格式

Password//密码6-16位格式

Mobile//手机号码格式

RealName//用户名格式

BankNum//银行卡号码格式

Answer//非空白字符

Mail//邮箱格式

Number//必须数字

---
_Source: https://npm.io/package/axva · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._