element ui表单必填_vue+element-Ui实现简单的表单必填项验证（1）

在项目中，通常我们在提交表单的时候需要进行一个必填项的验证，在这里，就简单的介绍一下element提供的表单组件中的必填项验证

通过阅读文档，可以得知el-form上是自带一个validate方法的

对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise

一、首先，我们要调用el-form上的方法，需要绑定一个ref，通过ref链的方式来进行调用

二、通过自带的属性rules来绑定一个验证规则

验证规则：

是否必须填： required:true|| fasle

根据正则表达式验证： pattern

最大长度和最小长度： min和max

数据转换：transform(value){return}

自定义校验功能：validador:fn(rule, value, callback)

自带验证类型： type

string：必须是类型string。

number：必须是类型number。

boolean：必须是类型boolean。

method：必须是类型function。

regexp：必须是RegExp创建新项时不生成异常的实例 或* 字符串RegExp。

integer：必须是类型number和整数。

float：必须是类型number和浮点数。

array：必须是由…确定的数组Arr