CN111209739A - 电子表单、电子表单的校验方法、电子设备、及存储介质 - Google Patents

Abstract

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

Description

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

技术领域

本公开实施例涉及计算机网络应用领域，具体涉及一种电子表单、电子表单的校验方法、电子设备、及存储介质。

背景技术

WEB应用中经常需要生成各种表单，例如用于收集用户线索的APP或者网页中用于接收用户信息的H5页面，并进一步地在用户填写的表单数据以一个表单的形式输出。

然而，很多表单信息录入的功能代码都是可以复用的，在现有技术中，只因为表单中录入项的类型不同，就重复的开发大量相似的代码逻辑，导致代码利用率低，造成了开发人力的浪费，也不利于代码维护。

发明内容

有鉴于此，本公开实施例提供一种电子表单、电子表单的校验方法、电子设备、及存储介质，能够实时校验输入内容并及时提示错误。

本公开实施例的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开实施例的实践而习得。

第一方面，本公开实施例提供了一种电子表单，至少包括第一输入项和第二输入项；

所述第一输入项和所述第二输入项均采用预定表单组件，所述第一输入项对应的预定表单组件的类型为第一类型，所述第二输入项对应的预定表单组件的类型为第二类型，所述第一类型与所述第二类型为不同类型；

其中，所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。

第二方面，本公开实施例还提供了一种电子表单的校验方法，用于如第一方面任一项所述的电子表单，所述校验方法包括：

当所述电子表单中任一预定表单组件接收用户输入时，根据所述预定表单组件的所述第一接口获取输入值，根据所述预定表单组件的所述第三接口对所述输入值进行合法性校验，若校验结果为不合法，则根据所述预定表单组件的所述第四接口进行输入错误提示。

第三方面，本公开实施例还提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第二方面中任一项所述方法的指令。

第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第二方面中任一项所述方法的步骤。

本公开实施例公开了一种电子表单，采用预定表单组件进行搭建，即电子表单内有多个不同类型输入项采用预定表单组件，并通过预定表单组件的类型加以区分，其中所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口，能够在用户填写表单过程中，实时校验输入内容并及时提示错误。

附图说明

为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本公开实施例中的一部分实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据本公开实施例的内容和这些附图获得其他的附图。

图1是本公开实施例提供的一种电子表单内容示意图；

图2是本公开实施例提供的一种预定表单组件示意图；

图3是本公开实施例提供的另一种电子表单内容示意图；

图4是本公开实施例提供的一种电子表单的校验方法的流程示意图；

图5示出了适于用来实现本公开实施例的电子设备的结构示意图。

具体实施方式

为使本公开实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面将结合附图对本公开实施例的技术方案作进一步的详细描述，显然，所描述的实施例仅仅是本公开实施例中的一部分实施例，而不是全部的实施例。基于本公开实施例中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开实施例保护的范围。

需要说明的是，本公开实施例中术语“系统”和“网络”在本文中常被可互换使用。本公开实施例中提到的“和/或”是指包括一个或更多个相关所列项目的任何和所有组合。本公开的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于限定特定顺序。

还需要说明是，本公开实施例中下述各个实施例可以单独执行，各个实施例之间也可以相互结合执行，本公开实施例对此不作具体限制。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

下面结合附图并通过具体实施方式来进一步说明本公开实施例的技术方案。

图1示出了本公开实施例提供的一种电子表单内容示意图，本实施例可适用于采用预定表单组件搭建电子表单的情况，该表单中部分或所有的输入项均采用自定义的预定表单组件，各输入项通过所述预定表单组件的类型加以区分。图2是本公开实施例提供的一种预定表单组件示意图，如图2所示，本实施例所述的预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。

我们知道，现有的电子表单，对于同样的数值类型的输入项，通常采用相同的控件类型，例如姓名输入项和手机号码输入项，均采用<input>标签。我们知道，对于中国用户来说，用户输入该姓名输入项的字数为2到4个字，且第一个汉字属于姓氏里面的汉字。

对于手机号码来说，用户输入该手机号码输入项必须为数字类型，且头三个数字属于既定的号码组合(例如150、151、以及158等)，且输入的数字数目为11，否则表明用户输入错误。

若需要对于上述输入项的校验，需要通过编写脚本代码来实现，而使用这些输入项的不同的表单均需要实现一遍上述校验逻辑，不便于代码维护。

本实施例所述的电子表单，采用预定表单组件进行搭建，即电子表单内有多个不同类型输入项采用预定表单组件，并通过预定表单组件的类型(例如姓名类和电话类)加以区分，其中所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口，能够在用户填写表单过程中，实时校验输入内容并及时提示错误。

所述预定表单组件的类型包括用于输入姓名的输入项类型、用于输入邮箱地址的输入项类型、用于输入数字的输入项类型、用于输入文本的输入项类型、用于输入性别的输入项类型、用于输入电话的输入项类型、用于输入日期的输入项类型、单选按钮类型、选择框类型、用于输入城市的输入项类型、富文本框类型、下拉列表类型等，所述第一类型和所述第二类型分别为以上类型之一。例如第一输入项为姓名类型，第二输入项为电话类型。

进一步地，所述预定表单组件还可包括标签和用于用户输入内容的内容框，进一步地，还可包括用于提示错误的提示信息，有错误时显示与错误类型对应的提示文字，没有错误时不显示信息。

进一步地，所述预定表单组件还可包括用于聚焦的第五接口、用于自动填充输入值的第六接口、用于记录用户填写输入值的行为信息的第七接口等一个或一个以上的接口，用于扩充所述预定表单组件的功能，进一步提高代码的组件化程度。

进一步地，所述预定表单组件还包括输入值接口，其中所述输入值接口至少包括组件标识、组件类型、输入内容，用于获取指定的预定表单组件的数据时，获取所述预定表单组件的上述数据。

本实施例公开了一种电子表单，采用预定表单组件进行搭建，即电子表单内有多个不同类型输入项采用预定表单组件，并通过预定表单组件的类型加以区分，其中所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口，能够在用户填写表单过程中，实时校验输入内容并及时提示错误。

图3示出了本公开实施例提供的另一种电子表单内容示意图，本实施例以前述实施例为基础，以用于提交用户个人信息的表单为例，进一步公开了一种电子表单。如图3所示，本实施例所述的电子表单至少包括姓名输入项、年龄输入项、城市输入项、电话输入项和性别输入项。

上述输入项均属于预定表单组件，所述姓名输入项为用于输入姓名的输入项类型、所述年龄输入项为用于输入年龄的输入项类型、所述城市输入项为用于输入城市的输入项类型、所述电话输入项用于输入电话的输入项类型、所述性别输入项用于输入性别的输入项类型。

生成上述表单时，通过设置输入项类型可确定输入项的标签信息，以及定位到所述预定表单组件的校验代码中该对应类型所对应的代码段。

其中，所述预定表单组件可至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。其中，各接口的具体功能，需要根据各类型分别实现。

于另一实施例中，所述预定表单组件至少还包括以下接口其中之一：

用于聚焦的第五接口、用于自动填充输入值的第六接口、用于记录用户填写输入值的行为信息的第七接口等。

图3中的表单所包含的输入项可均采用所述预定表单组件，除了上述五种输入项类型的预定表单组件之外，还可包括用于输入邮箱地址的输入项类型、用于输入数字的输入项类型、用于输入文本的输入项类型、用于输入日期的输入项类型、单选按钮类型、选择框类型、用于输入城市的输入项类型、富文本框类型、下拉列表类型等。

本实施例以上一实施例为基础，以用于提交用户个人信息的表单为例，进一步公开了一种电子表单，能使本实施例技术方案用于个人信息类表单，能通过采用预定表单组件搭建表单，将常用的功能封装在预定表单组件中，能减少表单的代码量，便于代码维护。

图4是本公开实施例提供的一种电子表单的校验方法的流程示意图，本实施例可适用于对用户在前述实施例所述的电子表单中填写内容时，实时校验输入内容并及时提示错误的情况，该方法可以由配置于电子设备中的电子表单的校验装置来执行，如图4所示，本实施例所述的电子表单的校验方法用于若所述电子表单中任一预定表单组件接收用户输入时的响应操作，所述校验方法包括：

在步骤S410中，接收用户输入。

在步骤S420中，根据预定表单组件的第一接口获取输入值。

在步骤S430中，根据预定表单组件的第三接口对所述输入值进行合法性校验。

在步骤S440中，若校验结果为不合法，则根据预定表单组件的第四接口进行输入错误提示。

本实施例提供的电子表单的校验方法，能将输入项的功能封装在预定表单组件中，能减少电子表单本身的代码量，便于代码维护，能够在用户填写表单内容的过程中，实时校验输入内容并及时提示错误。

下面参考图5，其示出了适于用来实现本公开实施例的电子设备500的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图5示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图5所示，电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

通常，以下装置可以连接至I/O接口505：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507；包括例如磁带、硬盘等的存储装置508；以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备500，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开实施例的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开实施例的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置509从网络上被下载和安装，或者从存储装置508被安装，或者从ROM 502被安装。在该计算机程序被处理装置501执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：

若所述电子表单中任一预定表单组件接收用户输入时，根据所述预定表单组件的所述第一接口获取输入值，根据所述预定表单组件的所述第三接口对所述输入值进行合法性校验，若校验结果为不合法，则根据所述预定表单组件的所述第四接口进行输入错误提示。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开实施例的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开实施例各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

根据本公开的一个或多个实施例，所述电子表单中，所述预定表单组件至少还包括以下接口其中之一：

用于聚焦的第五接口、用于自动填充输入值的第六接口、用于记录用户填写输入值的行为信息的第七接口。

根据本公开的一个或多个实施例，所述电子表单中，所述第一类型和所述第二类型为以下类型之一：

用于输入姓名的输入项类型、用于输入邮箱地址的输入项类型、用于输入数字的输入项类型、用于输入文本的输入项类型、用于输入性别的输入项类型、用于输入电话的输入项类型、用于输入日期的输入项类型、单选按钮类型、选择框类型、用于输入城市的输入项类型、富文本框类型、下拉列表类型。

根据本公开的一个或多个实施例，所述电子表单中，所述预定表单组件至少包括标签和用于用户输入内容的内容框。

根据本公开的一个或多个实施例，所述电子表单中，所述电子表单所包含的输入项均采用所述预定表单组件。

根据本公开的一个或多个实施例，所述电子表单中，所述预定表单组件还包括输入值接口，其中所述输入值接口至少包括组件标识、组件类型、输入内容。

以上描述仅为本公开实施例的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开实施例中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (9)

1.一种电子表单，其特征在于，至少包括第一输入项和第二输入项；

所述第一输入项和所述第二输入项均采用预定表单组件，所述第一输入项对应的预定表单组件的类型为第一类型，所述第二输入项对应的预定表单组件的类型为第二类型，所述第一类型与所述第二类型为不同类型；

其中，所述预定表单组件至少包括用于获取输入值的第一接口、用于重置输入值的第二接口、用于对输入值进行合法性校验的第三接口、以及用于提示输入错误的第四接口。

2.根据权利要求1所述的电子表单，其特征在于，所述预定表单组件至少还包括以下接口其中之一：

用于聚焦的第五接口、用于自动填充输入值的第六接口、用于记录用户填写输入值的行为信息的第七接口。

3.根据权利要求1所述的电子表单，其特征在于，所述第一类型和所述第二类型为以下类型之一：

用于输入姓名的输入项类型、用于输入邮箱地址的输入项类型、用于输入数字的输入项类型、用于输入文本的输入项类型、用于输入性别的输入项类型、用于输入电话的输入项类型、用于输入日期的输入项类型、单选按钮类型、选择框类型、用于输入城市的输入项类型、富文本框类型、下拉列表类型。

4.根据权利要求1所述的电子表单，其特征在于，所述预定表单组件至少包括标签和用于用户输入内容的内容框。

5.根据权利要求1所述的电子表单，其特征在于，所述电子表单所包含的输入项均采用所述预定表单组件。

6.根据权利要求1所述的电子表单，其特征在于，所述预定表单组件还包括输入值接口，其中所述输入值接口至少包括组件标识、组件类型、输入内容。

7.一种电子表单的校验方法，其特征在于，用于如权利要求1-6任一项所述的电子表单，所述校验方法包括：

当所述电子表单中任一预定表单组件接收用户输入时，根据所述预定表单组件的所述第一接口获取输入值，根据所述预定表单组件的所述第三接口对所述输入值进行合法性校验，若校验结果为不合法，则根据所述预定表单组件的所述第四接口进行输入错误提示。

8.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求7所述的方法。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求7所述的方法。

Images