[发明专利]表单验证的方法和装置

说明书

本发明公开了一种表单验证的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：将主表单根据类型划分为多个子表单；当调用所述子表单时，对所述子表单进行验证，验证结果通过回调函数传送。该实施方式提高了表单验证的可用性和灵活性；同时提高了代码的可扩展性，减少了代码耦合度。

技术领域

本发明涉及计算机技术领域，尤其涉及一种表单验证的方法和装置。

背景技术

Javascript是一种前端的脚本语言，Vue是一种基于Javascript的前端框架。表单验证是javascript中的高级选项之一，是在数据被送往服务器前对超文本标记语言(HTML)表单中的这些输入数据进行验证。被验证的表单数据包括：用户是否已填写表单中的必填项目、用户输入的邮件地址是否合法、用户是否已输入合法的日期或用户是否在数据域(numeric field)中输入了文本等。

如图1所示的现有技术中表单验证的方法的实现流程示意图中，在表单页面中引入基于Vue框架的表单验证组件(vee-validate)或者其他验证组件，且为每个输入框绑定校验规则，在表单页面中放置一个提交按钮，提交时调用vee-validate或者其他验证组件提供的方法对当前页面的表单进行校验。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

1、只能实现一个表单(form)的校验，即只能在一个后缀名为.vue文件里面进行验证，由于实际生产都是将表单抽象为一个一个的单独组件，而且有可能出现动态表单，在这种情况下不适用，因此在实际使用时存在局限性；

2、子组件与父组件不能跨组件通信，无法实现父子组件之间的表单校验；

3、如果是一个很大的表单，只能写在一个页面，而且可能表单的一部分是其他页面公用的，需要些多份相同的代码，不方便于扩展，对于实际生产使用来说也不够灵活。

发明内容

有鉴于此，本发明实施例提供一种表单验证的方法和装置，能够解决现有技术无法实现跨组件的表单校验的技术问题。

为实现上述目的，根据本发明实施例的一个方面，提供了一种表单验证的方法。

本发明实施例的一种表单验证的方法包括将主表单根据类型划分为多个子表单；当调用所述子表单时，对所述子表单进行验证，验证结果通过回调函数传送。

可选地，所述方法还包括：获取所述主表单的数据参数，将所述数据参数发送至所述子表单。

可选地，所述数据参数包括输入框的类型和对应的校验规则，根据所述数据参数为所述输入框配置所述校验规则并进行初始化。

可选地，对所述子表单进行验证包括：为所述子表单绑定验证方法，所述验证方法对应于所述子表单的类型；执行所述验证方法。

可选地，执行所述验证方法包括：根据所述校验规则对所述输入框进行校验得到校验结果，并对所述校验结果进行分析以得到所述验证结果。

为实现上述目的，根据本发明实施例的另一方面，提供了一种表单验证的装置。

本发明实施例的一种表单验证的装置包括：划分模块，用于将主表单根据类型划分为多个子表单；验证模块，用于当调用所述子表单时，对所述子表单进行验证，验证结果通过回调函数传送。

可选地，所述装置还包括：获取模块，用于获取所述主表单的数据参数，将所述数据参数发送至所述子表单。

可选地，所述数据参数包括输入框的类型和对应的校验规则，根据所述数据参数为所述输入框配置所述校验规则并进行初始化。

可选地，所述验证模块还用于：为所述子表单绑定验证方法，所述验证方法对应于所述子表单的类型；执行所述验证方法。