VUE+HUI开发中的表单验证

表单验证是前端开发中比较重要的一个环节, 作用是在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误,提交有效的表单。

在VUE+HUI 开发环境中,我们需要用到Form 组件提供的表单验证功能来实现表单验证。

 

主要方法：

1.  通过 rule 属性传入约定的验证规则

2.  将Form-Item 的 prop 属性设置为需校验的字段名。

 

方法比较简单，但是在实际操作中，有一些场景下的表单验证比较灵活，API中提供的用法不够参考。

 

例如：

1.  通过v-for动态生成的表单

2.     自定义的表单

 

现将添加过程中的方法总结如下:

 

一.   基本的表单验证添加 (必选.最小最大长度)

 

例: 添加数据字典

验证规则

实现:

 

（1）在data中定义验证规则