iview 非空验证_iView爬坑记——表单验证

版本：iView 2.7.4

自从项目用了iView之后，感觉做新需求的一半时间都在疯狂踩坑，所以写个文档记录一下踩过的坑。

此篇为iView表单验证的爬坑记录。

更新：2019.3.10

1、value为undefined

在项目开发中，表单验证时一直出现各种“不能为空”、验证不通过等情况，但是自身输入和验证方法没有问题时，一般来说是输入框的value为undefined的。

比较简单的检测方法就是写一个验证方法，打印或debugger查看此时的输入值的取值(value)是否为输入值，如果不是或为undefined，那么就是取值错误，而非验证方法错误。

参考文档例子：

const validatePass = (rule, value, callback) => {

// 此时便能打印value值查看

};

解决方法：

表单的ref="..."是否有添加；

表单的:model="..."是否有添加；

表单的:rules="..."是否有添加；

表单的ref="..."和:model="..." 是否一致；

表单的FormItem的属性prop="..."是否与输入框(例如input)的v-moel="..."模版名称一致；

2、验证类型

虽然我们在官网上会看到类似例子：

{ type: '