iview表单验证的规则总结

易出问题的解决方案：
1,表单的ref="…“是否有添加；
2,表单的:model=”…“是否有添加；
3,表单的:rules=”…“是否有添加；
4,表单的ref=”…“和:model=”…" 是否一致；
5,表单的FormItem的属性prop="…“是否与输入框（例如input）的v-moel=”…"模版名称一致；

vue文件中template模板中的写法：

iview Form组件的验证规则参数总结：
type：
string: 必须是字符串类型。这是默认类型
number: 必须是数字
boolean: 必须是布尔型的
method:必须是类型函数
regexp: 必须是ReGEXP的实例，或者是在创建新的
ReGEXP时不会生成异常的字符串
integer:必须是整数.
float:必须是浮点数.
array: 必须是由Array.isArray确定的数组
object: 必须是类型对象而不是Array.isArray
enum: 枚举中必须存在值。
date: 按日期确定的值必须有效
url: 必须是URL类型。
hex: 必须是十六进制。
email:必须是电子邮件类型。

	required:true | false

	pattern :正则表达式
	
	min: 最小值
	
	max: 最大值
	
	Length : 长度
	
	enum: 验证字段是否存在其中

举例：
{ message:‘不包含a , u, g’,trigger: ‘change’,type: ‘enum’,enum: [‘a’, ‘u’, ‘g’]}

messages: 错误信息

trigger : ‘change’ | ‘blur’

whitespace : true | false
							true:空白字符 ->错误提醒
							false: 空白字符->不报错

举例2：
{ type: ‘string’, whitespace:true,message:‘包含空白字符’,trigger: ‘change’}

表单提交的时候的处理验证的方法

	this.$refs[formName].validate((valid) => {
	    if (valid) { // 步骤1
	        alert('submit!');
	    } else {
	        console.log('error submit!!');
	        return false;
	    }
	 });