[发明专利]一种表单验证方法

说明书

本发明公开了一种表单验证方法，涉及表单验证技术领域。该方法通过简单配置即实现了对各种表单项进行验证、收集数据、并通过异步请求把数据发送到服务器端的整个过程，简化了开发及测试工作量，保持了代码规范化和一致性，降低了出错机率，提高了开发效率及代码可靠性，从而降低了团队维护成本。

技术领域

本发明涉及表单验证技术领域，尤其涉及一种表单验证方法。

背景技术

目前，对于表单数据，一般需要技术人员根据需求对所有表单项进行验证，然后收集数据，包装数据，再发送请求把数据提交到服务端收集保存。

采用上述方法对表单数据进行验证，具有以下缺点：工作内容重复性高，针对不同的数据收集业务每次都需要单独开发验证方法，包括表单验证，收集数据，包装数据，发送请求把数据提交到服务器端收集保存，不仅开发任务量大，而且容易出错，需要花费大量时间测试代码正确性，及其它BUG；另外，由于习惯的特点，不同的开发人员编写的代码风格规范也有较大的差异，从而增加了团队维护成本。

发明内容

本发明的目的在于提供一种表单验证方法，从而解决现有技术中存在的前述问题。

为了实现上述目的，本发明采用的技术方案如下：

一种表单验证方法，包括如下步骤：

S1，检索页面上所有名称属性为自定义表单的原始表单；

S2，根据所述原始表单创建对应的自定义表单对像；

S3，根据所述原始表单的每个表单项元素，封装成对应的所述自定义表单对像的自定义子元素；

S4，将所有封装好的所述自定义表单的自定义子元素存放到所述自定义表单对像的子元素数组列表里，组合成所述自定义表单对像；

S5，监听所述原始表单的提交事件，当所述原始表单发生提交事件时，调用所述自定义表单对像的提交方法。

优选地，S2中，所述自定义表单对像的数据结构包括：自定义子元素、提交事件、验证通过事件、提交成功事件和提交方法。

优选地，S2和S3之间还包括步骤，遍历所述原始表单中的所有子元素，查找表单类元素。

优选地，所述表单类元素包括输入、选择和文本区域。

优选地，S3中，所述封装成对应的所述自定义表单对像的自定义子元素中，如果所述表单类元素带有自定义属性，就把所述自定义属性的值解析为验证器，并附加封装在所述自定义子元素中。

优选地，S4中，所述组合成所述自定义表单对像中，所述自定义表单对像包括自定义表单对像和带有验证器的自定义子元素。

优选地，所述自定义子元素的数据结构包括：表单项名称属性、对应原始表单项和验证器列表。

优选地，所述验证器列表的结构包括：验证器名和错误提示信息。

优选地，S5中，所述调用所述自定义表单对像的提交方法，采用如下方法进行实施：

S501，判断提交事件的属性是否为空，如果是，则进入下一个循环；否则，调用该事件激发所述自定义表单对像的提交事件；

S502，遍历所述自定义子元素，依据所述原始表单的元素获取数据值，再将所述数据值与所述验证器列表进行验证匹配，如果验证失败，则把验证信息加入失败列表，否则，把所述数据值存入数据列表；

S503，判断所述失败列表是否有失败项，如果有失败项，则通过失败信息提示验证失败原因，并停止提交，否则，继续；