移动端网页表单配置和校验方法、装置、设备和存储介质制造方法及图纸

本发明专利技术涉及互联网技术领域，具体涉及一种移动端网页表单配置和校验方法、装置、设备和存储介质。其中，移动端网页表单配置和校验方法，包括：获取表单绘制信息，并基于预先封装的表单组件进行页面的绘制；获取校验项配置信息，并基于预设的校验规则配置项进行校验项配置；校验规则配置项包含多个校验规则，多个规则以规则名称的形式进行配置，多个校验规则名置入预设数组中；通过预设的数组对同一表单元素进行多个校验规则的配置；展示表单供用户进行填写；基于表单的校验项配置对用户填写后的表单的校验。如此，可以通过数组的方式对对同一表单元素进行多个校验规则的配置，以满足一个表单元素绑定多个校验规则的需求。个表单元素绑定多个校验规则的需求。个表单元素绑定多个校验规则的需求。

【技术实现步骤摘要】
移动端网页表单配置和校验方法、装置、设备和存储介质


[0001]本专利技术涉及互联网
，具体涉及一种移动端网页表单配置和校验方法、装置、设备和存储介质。

技术介绍

[0002]随着移动互联网技术的不断发展，移动端网页的使用也越来越频繁，移动端网页上表单的使用也日益成为各大应用获取用户数据的常用途径。出于对用户所输入信息的验证，表单提交时通常会触发对各输入框内容的校验机制，以防止用户输入错误或不完整的信息导致无用的数据收集。因此对表单内容的校验及验证在移动端网页上的使用也十分频繁及必要。
[0003]现有技术主要缺点如下，校验规则的配置项和表单元素之间大多为一对一的关系，无法满足一个表单元素绑定多个校验规则，也无法满足多个校验规则存在一个规则校验失败即触发失败回调的机制。

技术实现思路

[0004]有鉴于此，提供一种移动端网页表单配置和校验方法、装置、设备和存储介质，以解决相关技术中无法满足一个表单元素绑定多个校验规则及多个校验规则全部满足或满足一个即触发失败回调的机制的问题。
[0005]本专利技术采用如下技术方案：
[0006]第一方面，本专利技术实施例提供了移动端网页表单配置和校验方法，包括：
[0007]获取表单绘制信息，并基于预先封装的表单组件进行页面的绘制；每个所述预先封装的表单组件包括定义表单元素的类型、呈现样式；
[0008]获取校验项配置信息，并基于预设的校验规则配置项进行校验项配置；所述校验规则配置项包含多个校验规则，多个规则以规则名称的形式进行配置，多个校验规则名置入预设数组中；通过预设的数组对同一表单元素进行多个校验规则的配置；
[0009]展示所述表单供用户进行填写；
[0010]基于所述表单的校验项配置对用户填写后的表单的校验。
[0011]可选的，所述先封装的表单组件的种类包括：输入框组件、按钮组件、表单组件和/或选择器组件。
[0012]可选的，还包括：所述校验规则的配置型包括：规则正则、错误提示、触发条件和回调项。
[0013]可选的，所述规则正则为校验判断表单内容正确性的唯一标准；
[0014]所述触发条件为表单校验触发的时机。
[0015]可选的，所述触发条件包括：表单项失去焦点、表单项获得焦点、表单提交和/或内容变化。
[0016]可选的，所述回调项包括：
[0017]若校验成功，则回调返回状态为成功态，进入表单提交操作界面；
[0018]若校验失败，则回调返回状态为失败态，自动读取回调反馈配置项进行回调。
[0019]可选的，所述回调反馈配置项包括：错误提示展示位置相关设置和开启错误项自动聚焦功能设置。
[0020]第二方面，本专利技术实施例提供了移动端网页表单配置和校验装置，包括：
[0021]绘制模块，用于获取表单绘制信息，并基于预先封装的表单组件进行页面的绘制；每个所述预先封装的表单组件包括定义表单元素的类型、呈现样式；
[0022]校验配置模块，用于获取校验项配置信息，并基于预设的校验规则配置项进行校验项配置；所述校验规则配置项包含多个校验规则，多个规则以规则名称的形式进行配置，多个校验规则名置入预设数组中；通过预设的数组对同一表单元素进行多个校验规则的配置；
[0023]展示模块，用于展示所述表单供用户进行填写；
[0024]校验模块，用于基于所述表单的校验项配置对用户填写后的表单的校验。
[0025]第三方面，本专利技术实施例提供了移动端网页表单配置和校验装置，包括：
[0026]处理器，以及与所述处理器相连接的存储器；
[0027]所述存储器用于存储计算机程序，所述计算机程序至少用于执行本申请提供的动端网页表单配置和校验方法；
[0028]所述处理器用于调用并执行所述存储器中的所述计算机程序。
[0029]第四方面，本专利技术实施例提供了一种存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时，实现如本申请提供的所述的移动端网页表单配置和校验方法中各个步骤。
[0030]本专利技术采用以上技术方案，再进行校验项配置时，首先，获取校验项配置信息，并基于预设的校验规则配置项进行校验项配置；所述校验规则配置项包含多个校验规则，多个规则以规则名称的形式进行配置，多个校验规则名置入预设数组中；通过预设的数组对同一表单元素进行多个校验规则的配置；如此本申请提供的方案，可以通过数组的方式对对同一表单元素进行多个校验规则的配置，以满足一个表单元素绑定多个校验规则及多个校验规则全部满足或满足一个即触发失败回调的机制的需求。
附图说明
[0031]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0032]图1是本专利技术实施例提供的一种移动端网页表单配置和校验方法的流程图；
[0033]图2是本专利技术实施例提供的一种移动端网页表单配置和校验方法中校验项配置示意图；
[0034]图3是本专利技术实施例提供的一种移动端网页表单配置和校验方法中的流程示意图；
[0035]图4是本专利技术实施例提供的一种移动端网页表单配置和校验装置的结构示意图；
[0036]图5是本专利技术实施例提供的一种移动端网页表单配置和校验设备的结构示意图。
具体实施方式
[0037]为使本专利技术的目的、技术方案和优点更加清楚，下面将对本专利技术的技术方案进行详细的描述。显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式，都属于本专利技术所保护的范围。
[0038]首先对本专利技术实施例的应用场景进行说明，随着移动互联网技术的不断发展，移动端网页的使用也越来越频繁，移动端网页上表单的使用也日益成为各大应用获取用户数据的常用途径。出于对用户所输入信息的验证，表单提交时通常会触发对各输入框内容的校验机制，以防止用户输入错误或不完整的信息导致无用的数据收集。因此对表单内容的校验及验证在移动端网页上的使用也十分频繁及必要。
[0039]目前一些现有的移动Web开发框架也开始集成自己常用的表单元素及校验机制，这些校验机制包括必填项校验、字符长度校验、电话邮箱校验等。其缺陷在于一旦出现比较复杂的校验逻辑，无法方便地配置自定义校验规则及触发事件，校验步骤及次数较多。
[0040]现有的移动端网页表单校验技术方案，其基本思路是在表单提交时逐一获取所要校验的表单输入框中的数据，并同步进行判断校验，校验不通过时进行提示并停止继续校验，方法和功能较为单一。
[0041]同时另一种技术方案，其基本思路是在表单元素上进行必填项及长度的配置，以及表单输入框格式类型的配置本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种移动端网页表单配置和校验方法，其特征在于，包括：获取表单绘制信息，并基于预先封装的表单组件进行页面的绘制；每个所述预先封装的表单组件包括定义表单元素的类型、呈现样式；获取校验项配置信息，并基于预设的校验规则配置项进行校验项配置；所述校验规则配置项包含多个校验规则，多个规则以规则名称的形式进行配置，多个校验规则名置入预设数组中；通过预设的数组对同一表单元素进行多个校验规则的配置；展示所述表单供用户进行填写；基于所述表单的校验项配置对用户填写后的表单的校验。2.根据权利要求1所述的移动端网页表单配置和校验方法，其特征在于，所述预先封装的表单组件的种类包括：输入框组件、按钮组件、表单组件、选择器组件中值至少一种。3.根据权利要求1所述的移动端网页表单配置和校验方法，其特征在于，所述校验规则的配置型包括：规则正则、错误提示、触发条件和回调项。4.根据权利要求3所述的移动端网页表单配置和校验方法，其特征在于，所述规则正则为校验判断表单内容正确性的唯一标准；所述触发条件为表单校验触发的时机。5.根据权利要求4所述的移动端网页表单配置和校验方法，其特征在于，所述触发条件包括：表单项失去焦点、表单项获得焦点、表单提交和/或内容变化。6.根据权利要求3所述的移动端网页表单配置和校验方法，其特征在于，所述回调项包括：若校验成功，则回调返回状态为成功态，进入表单提交操作界面；若校验失败，则回调返回状态...

【专利技术属性】
技术研发人员：程淦，罗之浩，
申请(专利权)人：上海中通吉网络技术有限公司，
类型：发明
国别省市：