vant 验证手机号_Vant async-validator 表单校验

本文介绍了使用Vant组件库和Async-validator进行表单验证的方法,包括自动和手动校验,以及如何展示错误信息。通过创建ValidatorUtils辅助类,实现了Promise化的验证过程,并使用Proxy自动触发验证。
摘要由CSDN通过智能技术生成

感谢:尤大大的 vue、有赞的 vant、async-validator、以及 asseek

在下不才在 asseek 的基础上加入了一些自己的想法有了现在的版本。

抛砖引玉请多多提点。

修正内容:

Promise 代替 callback

添加 Proxy 实现校验的自动触发

精简部分代码以期降低阅读难度

目的:

自动校验、手动校验、校验错误信息展示

/*

* @Author: 吴占超

* @Date: 2018-11-20 15:16:16

* @Last Modified by: 吴占超

* @Last Modified time: 2018-11-21 21:12:34

* 校验扩展

* this.validator = new ValidatorUtils({

rules: this.rules,

data: this.formData })

this.formData = this.validator.Data

*/

import AsyncValidator from 'async-validator'

import _ from 'lodash'

/**

* 校验辅助类

*

* @export

* @class ValidatorUtils

*/

export default class ValidatorUtils {

/**

* Creates an instance of Vali

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值