电子表单、电子表单的校验方法、电子设备、及存储介质技术

本公开实施例公开了一种电子表单、电子表单的校验方法、电子设备、及存储介质，其中，所述电子表单至少包括第一输入项和第二输入项；所述第一输入项和所述第二输入项均采用预定表单组件，所述第一输入项对应的预定表单组件的类型为第一类型，所述第二输入项对应的预定表单组件的类型为第二类型；其中，所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。本实施例所述的电子表单，能将输入项的功能封装在预定表单组件中，能减少电子表单本身的代码量，便于代码维护，能够在用户填写表单内容的过程中，实时校验输入内容并及时提示错误。

Verification method, electronic equipment and storage medium of electronic form and electronic form

【技术实现步骤摘要】
电子表单、电子表单的校验方法、电子设备、及存储介质
本公开实施例涉及计算机网络应用领域，具体涉及一种电子表单、电子表单的校验方法、电子设备、及存储介质。
技术介绍
WEB应用中经常需要生成各种表单，例如用于收集用户线索的APP或者网页中用于接收用户信息的H5页面，并进一步地在用户填写的表单数据以一个表单的形式输出。然而，很多表单信息录入的功能代码都是可以复用的，在现有技术中，只因为表单中录入项的类型不同，就重复的开发大量相似的代码逻辑，导致代码利用率低，造成了开发人力的浪费，也不利于代码维护。
技术实现思路
有鉴于此，本公开实施例提供一种电子表单、电子表单的校验方法、电子设备、及存储介质，能够实时校验输入内容并及时提示错误。本公开实施例的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开实施例的实践而习得。第一方面，本公开实施例提供了一种电子表单，至少包括第一输入项和第二输入项；所述第一输入项和所述第二输入项均采用预定表单组件，所述第一输入项对应的预定表单组件的类型为第一类型，所述第二输入项对应的预定表单组件的类型为第二类型，所述第一类型与所述第二类型为不同类型；其中，所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。第二方面，本公开实施例还提供了一种电子表单的校验方法，用于如第一方面任一项所述的电子表单，所述校验方法包括：当所述电子表单中任一预定表单组件接收用户输入时，根据所述预定表单组件的所述第一接口获取输入值，根据所述预定表单组件的所述第三接口对所述输入值进行合法性校验，若校验结果为不合法，则根据所述预定表单组件的所述第四接口进行输入错误提示。第三方面，本公开实施例还提供了一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第二方面中任一项所述方法的指令。第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第二方面中任一项所述方法的步骤。本公开实施例公开了一种电子表单，采用预定表单组件进行搭建，即电子表单内有多个不同类型输入项采用预定表单组件，并通过预定表单组件的类型加以区分，其中所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口，能够在用户填写表单过程中，实时校验输入内容并及时提示错误。附图说明为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本公开实施例中的一部分实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据本公开实施例的内容和这些附图获得其他的附图。图1是本公开实施例提供的一种电子表单内容示意图；图2是本公开实施例提供的一种预定表单组件示意图；图3是本公开实施例提供的另一种电子表单内容示意图；图4是本公开实施例提供的一种电子表单的校验方法的流程示意图；图5示出了适于用来实现本公开实施例的电子设备的结构示意图。具体实施方式为使本公开实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面将结合附图对本公开实施例的技术方案作进一步的详细描述，显然，所描述的实施例仅仅是本公开实施例中的一部分实施例，而不是全部的实施例。基于本公开实施例中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开实施例保护的范围。需要说明的是，本公开实施例中术语“系统”和“网络”在本文中常被可互换使用。本公开实施例中提到的“和/或”是指包括一个或更多个相关所列项目的任何和所有组合。本公开的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于限定特定顺序。还需要说明是，本公开实施例中下述各个实施例可以单独执行，各个实施例之间也可以相互结合执行，本公开实施例对此不作具体限制。本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。下面结合附图并通过具体实施方式来进一步说明本公开实施例的技术方案。图1示出了本公开实施例提供的一种电子表单内容示意图，本实施例可适用于采用预定表单组件搭建电子表单的情况，该表单中部分或所有的输入项均采用自定义的预定表单组件，各输入项通过所述预定表单组件的类型加以区分。图2是本公开实施例提供的一种预定表单组件示意图，如图2所示，本实施例所述的预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。我们知道，现有的电子表单，对于同样的数值类型的输入项，通常采用相同的控件类型，例如姓名输入项和手机号码输入项，均采用<input>标签。我们知道，对于中国用户来说，用户输入该姓名输入项的字数为2到4个字，且第一个汉字属于姓氏里面的汉字。对于手机号码来说，用户输入该手机号码输入项必须为数字类型，且头三个数字属于既定的号码组合(例如150、151、以及158等)，且输入的数字数目为11，否则表明用户输入错误。若需要对于上述输入项的校验，需要通过编写脚本代码来实现，而使用这些输入项的不同的表单均需要实现一遍上述校验逻辑，不便于代码维护。本实施例所述的电子表单，采用预定表单组件进行搭建，即电子表单内有多个不同类型输入项采用预定表单组件，并通过预定表单组件的类型(例如姓名类和电话类)加以区分，其中所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口，能够在用户填写表单过程中，实时校验输入内容并及时提示错误。所述预定表单组件的类型包括用于输入姓名的输入项类型、用于输入邮箱地址的输入项类型、用于输入数字的输入项类型、用于输入文本的输入项类型、用于输入性别的输入项类型、用于输入电话的输入项类型、用于输入日期的输入项类型、单选按钮类型、选择框类型、用于输入城市的输入项类型、富文本框类型、下拉列表类型等，所述第一类型和所述第二类型分别为以上类型之一。例如第一输入项为姓名类型，第二输入项为电话类型。进一步地，所述预定表单组件还可包括标签和用于用户输入内容的内容框，进一步地，还可包括用于提示错误的提示信息，有错误时显示与错误类型对应的提示文字，没有错误时不显示信息。进一步地，所述预定表单组件还可包括用于聚焦的第五接口、用于自动填充输入值的第六接口、用于记录用户填写输入值的行为信息的第七接口等一个或一个本文档来自技高网...

【技术保护点】
1.一种电子表单，其特征在于，至少包括第一输入项和第二输入项；/n所述第一输入项和所述第二输入项均采用预定表单组件，所述第一输入项对应的预定表单组件的类型为第一类型，所述第二输入项对应的预定表单组件的类型为第二类型，所述第一类型与所述第二类型为不同类型；/n其中，所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。/n

【技术特征摘要】
1.一种电子表单，其特征在于，至少包括第一输入项和第二输入项；
所述第一输入项和所述第二输入项均采用预定表单组件，所述第一输入项对应的预定表单组件的类型为第一类型，所述第二输入项对应的预定表单组件的类型为第二类型，所述第一类型与所述第二类型为不同类型；
其中，所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。


2.根据权利要求1所述的电子表单，其特征在于，所述预定表单组件至少还包括以下接口其中之一：
用于聚焦的第五接口、用于自动填充输入值的第六接口、用于记录用户填写输入值的行为信息的第七接口。


3.根据权利要求1所述的电子表单，其特征在于，所述第一类型和所述第二类型为以下类型之一：
用于输入姓名的输入项类型、用于输入邮箱地址的输入项类型、用于输入数字的输入项类型、用于输入文本的输入项类型、用于输入性别的输入项类型、用于输入电话的输入项类型、用于输入日期的输入项类型、单选按钮类型、选择框类型、用于输入城市的输入项类型、富文本框类型、下拉列表类型。


4.根据权利要求1所述的电子表单，其...

【专利技术属性】
技术研发人员：倪连柱，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京;11