一种自动校验表单的方法、装置、设备、存储介质制造方法及图纸

技术编号:37707494 阅读:8 留言:0更新日期:2023-06-01 23:57
本发明专利技术属于表单校验技术领域,具体提供一种自动校验表单的方法、装置、设备、存储介质,所述方法包括如下步骤:根据配置自动生成表单页面并绑定数据,同时对每个表单生成一个唯一id,id与表单对象一一对应;将自定义的数据校验规则进行解析并注入到表单中;在表单数据修改时对数据进行实时校验,并根据id对关联表单进行手动联动校验;根据数据修改状态和表单校验结果返回当前表单状态。通过id可以获取到表单对象进行操作;校验管理器负责根据用户自定义校验规则对数据进行实时校验,增加了提供手动校验的api,保证了产品易用性和扩展性,优化交互操作,降低使用成本,从而提高产品竞争力,有利于产品的快速开发和推广。有利于产品的快速开发和推广。有利于产品的快速开发和推广。

【技术实现步骤摘要】
一种自动校验表单的方法、装置、设备、存储介质


[0001]本专利技术涉及表单校验
,具体涉及一种自动校验表单的方法、装置、设备、存储介质。

技术介绍

[0002]近年来,随着计算机和信息技术的飞速发展,各行各业应用系统所产生的数据大量的增长,对数据处理的要求也越来越高,大数据技术蓬勃发展,云海Insight大数据平台在此背景下应运而生,能够对集群、服务、组件等大数据周边进行统一管理,提供一站式大数据服务,为数字化经济赋能。Insight web平台中使用了大量的表单来进行服务和组件配置,租户创建和分配,开发者资源划分等。在提交表单前,为保证数据的有效性,必须对表单数据进行校验。
[0003]一般采用的方案是点击表单提交按钮时,对表单数据进行校验,如果校验不通过,提示校验信息,同时阻止表单提交动作。这种方案虽然也能验证数据有效性,但是在便利和可交互性上还有很多问题:如页面有滚动条时,错误位置定位问题;多个表单同时提交校验繁琐。
[0004]为解决以上问题,Insight表单采用自动校验的方案:可以在输入时进行即时校验,包括支持异步校验等;支持多个表单的校验状态管理。极大程度上提升了用户体验,方便了用户操作。但是经过产品的迭代发展,又出现了以下问题:1、无法手动调用表单和表单元素的校验,多个关联表单无法实现联动校验。2、input框校验存在输入抖动问题。3、异步校验采用串行校验,多个异步校验时,速度较慢。

技术实现思路

[0005]为了克服上述现有技术中的不足,本专利技术提供一种自动校验表单的方法、装置、设备、存储介质。
[0006]第一方面,本专利技术技术方案提供一种自动校验表单的方法,包括如下步骤:
[0007]根据配置自动生成表单页面并绑定数据,同时对每个表单生成一个唯一id,id与表单对象一一对应;
[0008]将自定义的数据校验规则进行解析并注入到表单中;
[0009]在表单数据修改时对数据进行实时校验,并根据id对关联表单进行手动联动校验;
[0010]根据数据修改状态和表单校验结果返回当前表单状态。
[0011]作为本专利技术技术方案的进一步限定,根据配置自动生成表单页面并绑定数据,同时对每个表单生成一个唯一id,id与表单对象一一对应的步骤包括:
[0012]将配置对象进行解析,获取对应的表单元素,并绑定数据和事件;
[0013]生成唯一id,并维护id与表单对象的对应关系;
[0014]结合id,将配置对象对应的表单元素生成最终的表单页面。
[0015]作为本专利技术技术方案的进一步限定,该方法还包括:对表单元素进行管理,同时提供扩展接口,进行新增、修改、删除表单元素实现表单元素的灵活定制。
[0016]作为本专利技术技术方案的进一步限定,结合id,将配置对象对应的表单元素生成最终的表单页面的步骤包括:
[0017]将获取到的表单元素渲染成表单页面,最终展现给用户;
[0018]将id保存在dom属性中。
[0019]作为本专利技术技术方案的进一步限定,将自定义的数据校验规则进行解析并注入到表单中的步骤包括:
[0020]将自定义的校验规则进行解析,并将自定义的校验规则与对应的表单数据进行绑定。
[0021]作为本专利技术技术方案的进一步限定,在表单数据修改时对数据进行实时校验,并根据id对关联表单进行手动联动校验的步骤包括:
[0022]当表单中数据变化时,根据对应的校验规则进行数据校验,并返回校验状态;
[0023]通过id获取到表单对象,调用手动校验方法实现表单间的联动校验;
[0024]对每个校验过程进行监听,保证延时时间段内对同一字段只进行一次校验。
[0025]作为本专利技术技术方案的进一步限定,该方法还包括:
[0026]多个异步校验时,采用并行请求的方法,当有一个校验不通过时,返回校验失败状态,并且取消其他异步请求。
[0027]第二方面,本专利技术技术方案还提供一种自动校验表单的装置,包括表单生成器、校验管理器和状态管理器;
[0028]表单生成器,用于根据配置自动生成表单页面并绑定数据,同时对每个表单生成一个唯一id,id与表单对象一一对应;
[0029]校验管理器,用于将自定义的数据校验规则进行解析并注入到表单中,在表单数据修改时对数据进行实时校验,并根据id对关联表单进行手动联动校验;
[0030]状态管理器,用于根据数据修改状态和表单校验结果返回当前表单状态。
[0031]作为本专利技术技术方案的进一步限定,表单生成器包括表单元素管理器、配置解析器、id生成器和页面生成器;
[0032]配置解析器,用于将配置对象进行解析,获取对应的表单元素,并绑定数据和事件;
[0033]id生成器,用于生成唯一id,将id传给页面生成器,并维护id与表单对象的对应关系;
[0034]页面生成器,用于将配置对象对应的表单元素生成最终的表单页面。
[0035]表单元素管理器,用于对表单元素进行管理,同时提供扩展接口,进行新增、修改、删除表单元素实现表单元素的灵活定制。
[0036]作为本专利技术技术方案的进一步限定,页面生成器,具体用于将获取到的表单元素渲染成表单页面,最终展现给用户;将id保存在dom属性中。
[0037]作为本专利技术技术方案的进一步限定,校验管理器包括规则生成器、数据校验器和防抖器;
[0038]规则生成器,用于将自定义的校验规则进行解析,并将自定义的校验规则与对应
的表单数据进行绑定。
[0039]数据校验器,用于当表单中数据变化时,根据对应的校验规则进行数据校验,并返回校验状态;通过id获取到表单对象,调用手动校验方法实现表单间的联动校验;
[0040]防抖器,用于对每个校验过程进行监听,保证延时时间段内对同一字段只进行一次校验。
[0041]作为本专利技术技术方案的进一步限定,数据校验器,还用于多个异步校验时,采用并行请求的方法,当有一个校验不通过时,返回校验失败状态,并且取消其他异步请求。
[0042]第三方面,本专利技术技术方案还提供一种电子设备,所述电子设备包括:
[0043]至少一个处理器;以及,
[0044]与所述至少一个处理器通信连接的存储器;其中,
[0045]存储器存储有可被至少一个处理器执行的计算机程序指令,所述计算机程序指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行如第一方面所述的自动校验表单的方法。
[0046]第四方面,本专利技术技术方案还提供一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令使所述计算机执行如第一方面所述的自动校验表单的方法。
[0047]从以上技术方案可以看出,本专利技术具有以下优点:表单生成器通过自定义配置生成表单视图功能的同时,对每个表单生成一个唯一id,通过id可以获取到表单对象进行操作;校本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种自动校验表单的方法,其特征在于,包括如下步骤:根据配置自动生成表单页面并绑定数据,同时对每个表单生成一个唯一id,id与表单对象一一对应;将自定义的数据校验规则进行解析并注入到表单中;在表单数据修改时对数据进行实时校验,并根据id对关联表单进行手动联动校验;根据数据修改状态和表单校验结果返回当前表单状态。2.根据权利要求1所述的自动校验表单的方法,其特征在于,根据配置自动生成表单页面并绑定数据,同时对每个表单生成一个唯一id,id与表单对象一一对应的步骤包括:将配置对象进行解析,获取对应的表单元素,并绑定数据和事件;生成唯一id,并维护id与表单对象的对应关系;结合id,将配置对象对应的表单元素生成最终的表单页面。3.根据权利要求2所述的自动校验表单的方法,其特征在于,该方法还包括:对表单元素进行管理,同时提供扩展接口,进行新增、修改、删除表单元素实现表单元素的灵活定制。4.根据权利要求3所述的自动校验表单的方法,其特征在于,结合id,将配置对象对应的表单元素生成最终的表单页面的步骤包括:将获取到的表单元素渲染成表单页面,最终展现给用户;将id保存在dom属性中。5.根据权利要求4所述的自动校验表单的方法,其特征在于,将自定义的数据校验规则进行解析并注入到表单中的步骤包括:将自定义的校验规则进行解析,并将自定义的校验规则与对应的表单数据进行绑定。6.根据权利要求5所述的自动校验表单的方法,其特征在于,在表单数据修改时对数据进行实时校验,并根据id对关联表单...

【专利技术属性】
技术研发人员:李国伟贾少龙
申请(专利权)人:苏州浪潮智能科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1