提交表单时自动触发数据验证的方法、装置及应用制造方法及图纸

本申请提出了一种提交表单时自动触发数据验证的方法、装置及应用，包括：获取提交的对应至少一表单的表单数据；通过vue的插槽将每一所述表单对应填充至所述vue的虚拟节点树中，遍历所述虚拟节点树获取每一所述表单的表单数据对应的虚拟节点；基于所述虚拟节点的节点属性获取对应的数据有效性验证方法，得到对应所述表单数据的验证结果；若所述验证结果为有效验证，则将所述表单数据提交给服务器。则将所述表单数据提交给服务器。则将所述表单数据提交给服务器。

【技术实现步骤摘要】
提交表单时自动触发数据验证的方法、装置及应用


[0001]本申请涉及数据处理领域，特别是涉及提交表单时自动触发数据验证的方法、装置及应用。
[0002]
技术介绍
的
[0003]表单在网页中主要负责数据采集功能，表单一般由三个基本部分组成：表单标签、表单域和表单按钮。当前各基于VUE的UI组件库提供的表单在触发提交时都需要手动获取表单的实例信息，再调用其内部的方法进行数据验证，在调用验证方法时就存在大量逻辑雷同的代码，导致验证逻辑复杂冗余；且当一个页面需要同时提交多个表单时，由于每个表单的每个实例信息都需要手工调用进行验证，导致整体表单逻辑复杂度呈指数型提升。

技术实现思路

[0004]本申请实施例提供了一种提交表单时自动触发数据验证的方法、装置及应用，可基于VUE实现提交表单时自动触发对应的数据验证，极大地简化了逻辑代码及人工的操作量。
[0005]第一方面，本申请实施例提供了一种提交表单时自动触发数据验证的方法，包括：获取提交的对应至少一表单的表单数据；通过vue的插槽将每一所述表单对应填充至所述vue的虚拟节点树中，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种提交表单时自动触发数据验证的方法，其特征在于，包括：获取提交的对应至少一表单的表单数据；通过vue的插槽将每一所述表单对应填充至所述vue的虚拟节点树中，遍历所述虚拟节点树获取每一所述表单的表单数据对应的虚拟节点；基于所述虚拟节点的节点属性获取对应的数据有效性验证方法，得到对应所述表单数据的验证结果；若所述验证结果为有效验证，则将所述表单数据提交给服务器。2.根据权利要求1所述的提交表单时自动触发数据验证的方法，其特征在于，在“获取提交的对应至少一表单的表单数据”之后包括步骤：将收集所述表单数据的收集器的触发状态标识设置为禁止触发表单提交标识。3.根据权利要求1所述的提交表单时自动触发数据验证的方法，其特征在于，在“通过vue的插槽将每一所述表单对应填充至所述vue的虚拟节点树中”之前包括步骤：对所述表单数据变更处理，其中变更后的表单数据符合数据验证的要求。4.根据权利要求1所述的提交表单时自动触发数据验证的方法，其特征在于，在“遍历所述虚拟节点树获取每一所述表单的表单数据对应的虚拟节点”步骤中，遍历所述虚拟节点树获取到所述虚拟节点的节点属性为form的虚拟节点。5.根据权利要求1所述的提交表单时自动触发数据验证的方法，其特征在于，在“基于所述虚拟节点的节点属性获取对应的数据有效性验证方法”，对应每种类型的虚拟节点配置验证标识，获取虚拟节点的所述验证标识，调取对应所述验证标识的数据有效性验证方法。6.根据权利要求1所述的提交表单时自动触发数据验证的方法，其特征在于，在“得到对应所述表单数...

【专利技术属性】
技术研发人员：毛云青，谢淼烽，杨恒飞，王泽宇，
申请(专利权)人：城云科技中国有限公司，
类型：发明
国别省市：