CN112579943A - 信息显示方法、装置、设备及存储介质 - Google Patents
信息显示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112579943A CN112579943A CN202011556087.2A CN202011556087A CN112579943A CN 112579943 A CN112579943 A CN 112579943A CN 202011556087 A CN202011556087 A CN 202011556087A CN 112579943 A CN112579943 A CN 112579943A
- Authority
- CN
- China
- Prior art keywords
- input
- input box
- information
- displaying
- display area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 65
- 238000012795 verification Methods 0.000 claims abstract description 41
- 238000012545 processing Methods 0.000 claims description 26
- 238000004590 computer program Methods 0.000 claims description 24
- 238000004891 communication Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 238000013500 data storage Methods 0.000 description 4
- 230000008520 organization Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
- G06F16/9538—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种信息显示方法、装置、设备及存储介质,此方法包括:显示表单,表单中包括多个输入框;响应作用于多个输入框中第一输入框的输入操作,显示第一信息,第一信息为第一输入框中已输入的内容;获取第一信息的校验结果;若校验结果为输入错误,则根据第一输入框,显示提示信息;其中,提示信息与第一信息以及第二输入框内中的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框,第二信息为第二输入框中已输入或待输入的内容。本申请可以在完整显示提示信息的同时,不影响表单中各输入框的内容填写。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种信息显示方法、装置、设备及存储介质。
背景技术
随着科学技术的不断发展,人们越来越依赖网络,例如,使用浏览器浏览网页获取所关注的信息等。在用户浏览网页过程中,经常出现要求填写表单的情况,其中表单在网页中主要负责数据采集功能。而对于用户填写到表单中的内容,要进行是否符合要求的校验,例如输入字符是否满足预设的多样性要求(例如是否满足包含字母和数字等组合的特定格式,或者是否超出预设数值范围,等等),并将校验得到的错误提示给用户,以帮助用户重新填入正确的内容。
目前,较常见的错误提示方法是在对应输入框之外的下方显示提示信息。在实现本发明过程中,发明人发现上述技术中至少存在如下问题:在对应输入框之外的下方显示提示信息会导致提示信息覆盖在该输入框下方的输入框上,从而影响该输入框的内容填写。
发明内容
本申请提供一种信息显示方法、装置、设备及存储介质,以在完整显示提示信息的同时,不影响表单中各输入框的内容填写。
第一方面,本申请实施例提供一种信息显示方法,包括:
显示表单,表单中包括多个输入框;
响应作用于多个输入框中第一输入框的输入操作,在第一输入框中显示第一信息,第一信息为第一输入框中已输入的内容;
获取第一信息的校验结果;
若校验结果为输入错误,则根据第一输入框,显示提示信息;
其中,提示信息与第一信息以及第二输入框内中的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框,第二信息为第二输入框中已输入或待输入的内容。
第二方面,本申请实施例提供一种信息显示装置,包括:
显示模块,用于显示表单,表单中包括多个输入框;响应作用于多个输入框中第一输入框的输入操作,在第一输入框中显示第一信息,第一信息为第一输入框中已输入的内容;
处理模块,用于获取第一信息的校验结果;
显示模块,用于在校验结果为输入错误时,根据第一输入框,显示提示信息;
其中,提示信息与第一信息以及第二输入框内中的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框,第二信息为第二输入框中已输入或待输入的内容。
第三方面,本申请实施例提供一种电子设备,包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现如第一方面中任一项所述的方法。
第四方面,本申请实施例提供一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,当计算机程序在电子设备上运行时,使得电子设备执行如第一方面中任一项所述的方法。
第五方面,本申请实施例提供一种计算机程序产品,包括计算机程序,该计算机程序在电子设备上运行时,使得电子设备执行如第一方面中任一项所述的方法。
本申请实施例提供的信息显示方法、装置、设备及存储介质,显示包括多个输入框的表单,并响应作用于多个输入框中第一输入框的输入操作,在第一输入框中显示第一信息,第一信息为第一输入框中已输入的内容;之后,获取第一信息的校验结果,并在校验结果为输入错误时,根据第一输入框,显示提示信息;其中,提示信息与第一信息以及第二输入框内中的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框,第二信息为第二输入框中已输入或待输入的内容。由于提示信息与第一信息以及第二输入框内中的已输入或待输入的第二信息不重叠,因此可在完整显示提示信息的同时,实现不影响表单中各输入框的内容填写的效果。
本申请的这些和其它方面在以下(多个)实施例的描述中会更加简明易懂。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
图1为本申请提供的信息显示方法的应用场景示意图;
图2为本申请一实施例提供的信息显示方法的流程示意图;
图3为一表单示例图;
图4为另一表单示例图;
图5a为本申请提供的信息显示方式与现有显示方式的一比对示意图;
图5b为本申请提供的信息显示方式的另一示意图;
图6为输入框的高度与输入框内文本行高、显示区域之间关系的示例图;
图7为本申请一实施例提供的信息显示装置的结构示意图;
图8为本申请一实施例提供的电子设备的结构示意图。
通过上述附图,已示出本申请明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围,而是通过参考特定实施例为本领域技术人员说明本申请的概念。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
首先,为便于理解,对本申请部分术语进行解释说明:
表单,在网页中主要负责数据采集功能。表单包含多个输入框,输入框包含文本框、多行文本框、下拉选择框、单选框和复选框,等等。
表单校验方式,包括即时校验、失去焦点(blur)下状态校验和提交后校验。例如,当用户完成针对某输入框的输入时,触发对该输入框中已输入信息的校验,示例地,可通过blur事件监听用户是否完成输入,当用户输入结束,离开输入框时会触发blur事件。
录入项,是指当前处于编辑状态的输入框。
现有技术中,对于表单的校验,存在以下解决方案:
1、提交后校验,即选择全部统一校验。如果多个表单互相之间逻辑有冲突或者为空的情况下,在统一的提交操作之后只显示错误,不能有针对性的告知哪些表单错误、错在哪里。
2、即时校验或者失去焦点(blur)状态下校验,使用消息(message)校验,不能在视觉焦点反显错误信息。并且,在最终提交后,仍不能有针对性的告知哪些表单错误、错在哪里。
若将错误信息展示在输入框的下方,撑高表单的纵向高度,这样会造成下方信息被挤下去,如果在弹窗中应用,会造成弹窗抖动;若将错误信息悬浮在输入框的下方展示,但在密集的表单中,会挡住其它信息;若将错误信息悬浮在输入框的下方展示,如果当前的录入项被错误提示层覆盖,隐藏覆盖录入项的错误提示层,该显示方式存在的问题是:如果录入项被完全覆盖,则无法获取焦点,也就不能隐藏覆盖录入项的错误提示层,另外,已输入的信息被遮盖,不方便用户进行重新输入。
针对上述问题,本申请提供一种不受校验方式限制的信息显示方法、装置、设备及存储介质,通过使得校验后的提示信息与输入框内的内容不重叠,达到在完整显示提示信息的同时,不影响表单中各输入框的内容填写的目的,避免现有显示方式存在的弹窗抖动、信息被遮盖、不在视觉焦点等情况。
示例性地,图1为本申请提供的信息显示方法的应用场景示意图。如图1所示,该应用场景可以包括:至少一个客户端(图1示出了三个客户端,分别为客户端111、客户端112、客户端113)、网络12和服务器13。其中,每个客户端与服务器13均可以通过网络12进行通信。
示例地,在实际应用中,当用户通过客户端111填写表单时,客户端111通过网络12向服务器13发送校验请求,该校验请求包含输入框的标识信息以及该输入框中的已输入信息;相应地,服务器接收校验请求,并根据该输入框中输入内容要满足的条件对已输入信息进行校验,若已输入信息满足该输入框中输入内容要满足的条件,则得到输入正确的校验结果,并对应上述输入框的标识信息存储该已输入信息,或者,若已输入信息不满足该输入框中输入内容要满足的条件,则得到输入错误的校验结果,并通过网络12反馈该校验结果给客户端111,通过客户端111显示该输入框中输入内容要满足的条件等提示信息给用户,以使用户基于该提示信息针对该输入框重新输入满足提示信息的内容。
需要说明的是,附图1仅是本申请实施例提供的一种应用场景的示意图,本申请实施例不对图1中包括的设备进行限定,也不对图1中设备之间的位置关系进行限定,例如,在图1所示的应用场景中,还可以包括数据存储设备,该数据存储设备相对服务器13可以是外部存储器,也可以是集成在服务器13中的内部存储器。另外,服务器13可以是独立的服务器,或者,也可以是服务集群等。
下面,通过具体实施例对本申请的技术方案进行详细说明。需要说明的是,下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。
图2为本申请一实施例提供的信息显示方法的流程示意图。本申请实施例提供一种信息显示方法,应用于信息显示装置,该装置可以通过软件和/或硬件的方式实现。可选地,在图1所示场景中,该信息显示装置可以集成于客户端中,例如信息显示装置为客户端中的芯片或电路;或者,该信息显示装置为客户端。接下来,以客户端作为执行主体进行示例说明。
如图2所示,该信息显示方法包括如下步骤:
S201、显示表单,表单中包括多个输入框。
实际应用中,当用户通过客户端浏览网页时,网页中包含采集用户信息的表单,该表单中包含多个输入框。一种情况中,若网页中包含的内容较多,其中表单占用的页面比例较小,而表单包含的输入框又较多时,此时,表单中各输入框的密度较大,相应地,输入框之间几乎没有间距。示例地,图3示出一表单,其中,“机构名称”、“机构类型”等标签都对应有一输入框,可见上下输入框之间的间距很小;或者,图4示出另一表单,其中,“机构名称”、“机构类型”等标签都对应有一输入框,可见上下输入框之间是无间距的,此时,从视觉上来看可将该表单认为是一个表格,因此形象地称其为“表格化的表单”。
S202、响应作用于多个输入框中第一输入框的输入操作,在第一输入框中显示第一信息,第一信息为第一输入框中已输入的内容。
用户在输入框中输入内容。本申请实施例以第一输入框为例进行说明,本领域技术人员应理解,第一输入框为表单中所包含的多个输入框中的任一输入框,为与其它输入框进行区分将其定义为第一输入框。
当光标显示在某一输入框时,该输入框处于可编辑状态,用户当前的输入即针对该输入框的输入。对于输入操作,可以理解,用户使用鼠标、键盘或触控笔等输入设备在输入框中输入内容,具体可以为用户按下键盘上某个字符的操作,或者,用户点击鼠标上按键的操作,等等。
当用户输入完成后,客户端执行S203。其中,这里所述的“用户输入完成”,可以理解为用户对第一输入框的输入完成;或者,还可以理解为用户对表单中所述输入框的输入完成,也即如上文所述的即时校验或提交后校验等校验方式,本申请实施例不限制具体的校验方式。
S203、获取第一信息的校验结果。
具体地,客户端获取第一信息的校验结果。该步骤至少可以通过两种方式实现:第一种实现方式中,客户端对第一信息进行校验,得到第一信息的校验结果;第二种实现方式中,客户端向服务器发送第一信息,以得到服务器反馈的第一信息的校验结果。
可选地,由服务器对第一信息进行校验时,只有当校验结果为输入错误时,服务器才会反馈校验结果给客户端;或者,无论校验结果为输入错误还是输入正确,服务器都会将校验结果反馈给客户端,具体实现需根据实际需求进行设置。
S204、若校验结果为输入错误,则根据第一输入框,显示提示信息,其中,提示信息与第一信息以及第二输入框内中的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框,第二信息为第二输入框中已输入或待输入的内容。
由于输入框的高度大于输入框中文本的高度,利用这一特点,采用第一输入框中除第一信息之外的空间显示提示信息;另外,结合提示信息与表单的各输入框中内容不重叠,该内容包括但不限于第一信息以及第二输入框内中的已输入或待输入的第二信息,达到在显示提示信息的同时,该提示信息不会覆盖当前的录入项的目的。这样,既不会出现撑高表单的纵向高度或弹窗显示所导致的抖动,也不会出现遮挡其它信息的现象,还不会出现不在视觉焦点的情况。
示例地,图5a示出一本申请提供的信息显示方式与现有显示方式的比对示意图。参考图5a,在现有显示方式中,提示信息对下边的输入框存在遮挡现象;而在本申请提供的信息显示方式中,不存在遮挡现象。该示例中,提示信息为“8~16个字符,包含大写字母和数字”。
可选地,提示信息可以为以下至少一种:
用于指示所述第一输入框中输入内容要满足的条件;
用于指示所述第一输入框中输入内容输入错误的信息;
用于指示所述第一输入框对应的指引消息。
其中,当提示信息用于指示第一输入框中输入内容要满足的条件时,具体示例如图5a所示;或者,提示信息为指引消息,此时提示信息可以具体为例如“输入错误,具体操作请见操作手册”等;或者,提示信息为提示输入错误的消息,等等。
本申请实施例提供的信息显示方法,显示包括多个输入框的表单,并响应作用于多个输入框中第一输入框的输入操作,显示第一信息,第一信息为第一输入框中已输入的内容;之后,获取第一信息的校验结果,在校验结果为输入错误时,根据第一输入框,显示提示信息;其中,提示信息与第一信息以及第二输入框内中的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框,第二信息为第二输入框中已输入或待输入的内容。由于提示信息与第一信息以及第二输入框内中的已输入或待输入的第二信息不重叠,因此可在完整显示提示信息的同时,实现不影响表单中各输入框的内容填写的效果。
在上述实施例的基础上,一种具体实现方式中,上述根据第一输入框,显示提示信息,可以包括:根据第一输入框,确定用于显示提示信息的显示区域,显示区域与第一输入框的对应关系是预先设置的;在显示区域内显示提示信息。该实现方式中,显示区域与输入框是绑定的,因此根据第一输入框可确定其对应的显示区域,进而在该显示区域内显示提示信息。
另一种具体实现方式中,第一输入框与第二输入框在表单中的位置为上下关系,此时,上述根据第一输入框,显示提示信息,可以包括:根据第一输入框与第一信息的高度,及第二输入框与第二信息的高度,确定用于显示提示信息的显示区域;在显示区域内显示提示信息。该实现方式中,客户端根据输入框的高度及输入框中已输入内容的高度,实时确定显示区域。具体地,由于是与第一信息相关的提示信息,并在第一输入框的上方/下方显示提示信息,因此,根据第一输入框的高度、第一信息的高度、第二输入框的高度和第二信息的高度,确定显示区域,并在该显示区域内显示提示信息。
示例地,在图5a所示的右边的表单中,示例标签1对应的输入框为第一输入框,示例标签2对应的输入框为第二输入框,在第一输入框的下方显示提示信息;或者,如图5b所示表单中,示例标签2对应的输入框为第一输入框,示例标签1对应的输入框为第二输入框,在第一输入框的上方显示提示信息。
作为一种可能的实施方式,根据第一输入框与第一信息的高度,及第二输入框与第二信息的高度,确定用于显示提示信息的显示区域,可以包括:将第一输入框的高度减去第一信息的高度得到第一差值;将第二输入框的高度减去第二信息的高度得到第二差值;根据第一差值和第二差值,确定用于显示提示信息的显示区域。
示例地,如图6所示,输入框(包含第一输入框和第二输入框)的高度为32像素(px),其中文本行高为16像素(即第一信息的高度和第二信息的高度均为16像素),若第一信息和第二信息二者的长度均小于或等于输入框的长度,且第一信息和第二信息分别在输入框内上下居中显示,则第一输入框上下各剩余8(第一差值的一半为8)像素空白区域,第二输入框上下各剩余8(第二差值的一半为8)像素空白区域,利用第一输入框下部8像素的空白区域以及第二输入框上部8像素的空白区域,共得到16像素的空白区域,作为显示区域。
可选地,显示区域分别与第一输入框和第二输入框部分重叠,以充分利用输入框内未使用的空白区域。
更进一步地,显示区域与第一输入框的重叠区域大于显示区域与第二输入框的重叠区域。通过该中显示方式,隐式指示该显示区域是第一输入框对应的显示区域。
又一种具体实现方式中,根据第一输入框,显示提示信息,可以包括:根据第一输入框与第一信息的长度,确定用于显示提示信息的显示区域;在显示区域内显示提示信息。该实现方式中,客户端根据输入框的长度及输入框中已输入内容的长度,实时确定显示区域。具体地,由于是与第一信息相关的提示信息,第一输入框的左侧通常为该第一输入框的标签,因此在第一输入框的右边显示提示信息,因此,根据第一输入框的长度及第一信息的长度,确定显示区域,并在该显示区域内显示提示信息。
作为一种可能的实施方式,根据第一输入框与第一信息的长度,确定用于显示提示信息的显示区域,可以包括:将第一输入框的长度减去第一信息的长度得到第三差值;根据第三差值,确定用于显示提示信息的显示区域。
示例地,输入框中文本是左对齐显示,这样如果第一输入框在第二输入框的左边,第一信息的长度小于第一输入框的长度,则第一输入框中未被第一信息占用的空白区域,以及第二输入框的标签的左边的空白区域,均可作为用于显示提示信息的显示区域。
一些实施例中,该信息显示方法还可以包括:在确定显示区域之后,显示显示区域,即可视化显示区域,例如如图5b所示。
可选地,对于第一输入框与第二输入框在表单中的位置为上下关系,显示显示区域,可以包括:在第一输入框的下部且第二输入框的上部,显示显示区域;或者,在第一输入框的上部且第二输入框的下部,显示显示区域。
进一步地,显示显示区域,可以包括:显示显示区域以及显示区域的指向标识,指向标识指向第一输入框。示例地,在图5a所示的右侧表单或图5b所示的表单中,指向标识采用三角形示意。
还需说明的是,提示信息的显示方式可以不同于输入框内文本的显示方式,即对提示信息进行区别于输入框内文本的显示。其中,显示方式可以包括如下至少一种:字体类型、字体大小、字体颜色。例如,输入框内文本的字体类型为宋体,字体颜色为黑色;提示信息的字体类型为隶书,字体颜色为红色,等等。
若输入框为单行输入框,也就是说输入框中仅可容纳一行文本,相应地,提示信息通常也占用一行的空间,该情况下,输入框内的文本行高大于提示信息的行高。通过减小提示信息的高度、整体上移提示信息的显示位置,利用输入框的高度大于输入框内文本行高的特点,合理的利用空间,来解决提示信息对已输入信息的覆盖问题,使提示信息不影响其他输入框的录入。
将本申请提供的信息显示方法应用于表单的即时校验、提交后校验或blur状态下校验等,即使提交操作之后出现大量错误需要被提示,仍可以正常查看和录入。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
图7为本申请一实施例提供的信息显示装置的结构示意图。本申请实施例提供一种信息显示装置,该信息显示装置可以通过软件和/或硬件的方式实现。示例地,信息显示装置可以为电脑、平板、手机等客户端。
如图7所示,该信息显示装置70包括:显示模块71和处理模块72。其中:
显示模块71,用于显示表单,表单中包括多个输入框;响应作用于多个输入框中第一输入框的输入操作,在第一输入框中显示第一信息,第一信息为第一输入框中已输入的内容。
处理模块72,用于获取第一信息的校验结果。
显示模块71,用于在校验结果为输入错误时,根据第一输入框,显示提示信息。
其中,提示信息与第一信息以及第二输入框内中的已输入或待输入的第二信息不重叠,第二输入框为多个输入框中与第一输入框相邻的输入框。
本申请实施例提供的装置,可用于执行图2所示实施例中的方法,其实现原理和技术效果类似,在此不再赘述。
一些实施例中,显示模块71在用于根据第一输入框,显示提示信息时,可以具体用于:根据第一输入框,确定用于显示提示信息的显示区域,显示区域与第一输入框的对应关系是预先设置的;在显示区域内显示提示信息。
或者,第一输入框与第二输入框在表单中的位置为上下关系,此时,显示模块71在用于根据第一输入框,显示提示信息时,可以具体用于:根据第一输入框与第一信息的高度,及第二输入框与第二信息的高度,确定用于显示提示信息的显示区域;在显示区域内显示提示信息。
可选地,显示模块71在用于根据第一输入框与第一信息的高度,及第二输入框与第二信息的高度,确定用于显示提示信息的显示区域时,可以具体用于:将第一输入框的高度减去第一信息的高度得到第一差值;将第二输入框的高度减去第二信息的高度得到第二差值;根据第一差值和第二差值,确定用于显示提示信息的显示区域。
或者,显示模块71在用于根据第一输入框,显示提示信息时,可以具体用于:根据第一输入框与第一信息的长度,确定用于显示提示信息的显示区域;在显示区域内显示提示信息。
进一步地,显示模块71在用于根据第一输入框与第一信息的长度,确定用于显示提示信息的显示区域时,可以具体用于:将第一输入框的长度减去第一信息的长度得到第三差值;根据第三差值,确定用于显示提示信息的显示区域。
可选地,显示模块71还用于:在确定显示区域之后,显示显示区域。
一些实施例中,显示模块71在用于显示显示区域时,可以具体用于:
在第一输入框的下部且第二输入框的上部,显示显示区域;
或者,在第一输入框的上部且第二输入框的下部,显示显示区域;
其中,第一输入框与第二输入框在表单中的位置为上下关系。
一些实施例中,显示模块71在用于显示显示区域时,可以具体用于:显示显示区域以及显示区域的指向标识,指向标识指向第一输入框。
可选地,处理模块72具体用于:对第一信息进行校验,获取校验结果。
可选地,显示区域分别与第一输入框和第二输入框部分重叠。
可选地,显示区域与第一输入框的重叠区域大于显示区域与第二输入框的重叠区域。
可选地,提示信息的显示方式不同于输入框内文本的显示方式。其中,显示方式可以包括如下至少一种:字体类型、字体大小、字体颜色。
可选地,输入框内的文本行高大于提示信息的行高。
可选地,提示信息可以为以下至少一种:
用于指示所述第一输入框中输入内容要满足的条件;
用于指示所述第一输入框中输入内容输入错误的信息;
用于指示所述第一输入框对应的指引消息。
进一步地,信息显示装置70还可以包括:发送模块73和接收模块74。其中,处理模块72可具体用于:触发发送模块73向服务器发送第一信息;通过接收模块74接收来自服务器的第一信息的校验结果。
需要说明的是,应理解以上装置的各个模块的划分仅仅是一种逻辑功能的划分,实际实现时可以全部或部分集成到一个物理实体上,也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现;也可以全部以硬件的形式实现;还可以部分模块通过处理元件调用软件的形式实现,部分模块通过硬件的形式实现。例如,处理模块可以为单独设立的处理元件,也可以集成在上述装置的某一个芯片中实现,此外,也可以以程序代码的形式存储于上述装置的存储器中,由上述装置的某一个处理元件调用并执行以上处理模块的功能。其它模块的实现与之类似。此外这些模块全部或部分可以集成在一起,也可以独立实现。这里所述的处理元件可以是一种集成电路,具有信号的处理能力。在实现过程中,上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
例如,以上这些模块可以是被配置成实施以上方法的一个或多个集成电路,例如:一个或多个特定集成电路(application specific integrated circuit,简称ASIC),或,一个或多个微处理器(digital signal processor,简称DSP),或,一个或者多个现场可编程门阵列(field programmable gate array,简称FPGA)等。再如,当以上某个模块通过处理元件调度程序代码的形式实现时,该处理元件可以是通用处理器,例如中央处理器(central processing unit,简称CPU)或其它可以调用程序代码的处理器。再如,这些模块可以集成在一起,以片上系统(system-on-a-chip,简称SOC)的形式实现。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机程序。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机程序可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机程序可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘solid state disk(SSD))等。
图8为本申请一实施例提供的电子设备的结构示意图。该电子设备可以是手机,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
电子设备800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)接口812,传感器组件814,以及通信组件816。
处理组件802通常控制电子设备800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在电子设备800的操作。这些数据的示例包括用于在电子设备800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为电子设备800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为电子设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在电子设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当电子设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当电子设备800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为电子设备800提供各个方面的状态评估。例如,传感器组件814可以检测到电子设备800的打开/关闭状态,组件的相对定位,例如所述组件为电子设备800的显示器和小键盘。传感器组件814还可以检测电子设备800或电子设备800一个组件的位置改变,用户与电子设备800接触的存在或不存在,电子设备800方位或加速/减速和电子设备800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于电子设备800和其他设备之间有线或无线方式的通信。电子设备800可以接入基于通信标准的无线网络,如WiFi,2G,3G,4G或5G,或它们的组合。在一个示例性实施例中,通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器804,上述指令可由电子设备800的处理器820执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,当计算机程序在电子设备上运行时,使得电子设备执行如上任一方法实施例所述的方法。
本申请实施例还提供一种运行指令的芯片,芯片用于执行如上任一方法实施例所述的方法。
本申请实施例还提供一种计算机程序产品,该计算机程序产品包括计算机程序,该计算机程序存储在计算机可读存储介质中,至少一个处理器可以从该计算机可读存储介质中读取计算机程序,该至少一个处理器执行所述计算机程序时可实现如上任一方法实施例所述的方法。
本申请中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系;在公式中,字符“/”,表示前后关联对象是一种“相除”的关系。“以下至少一项(个)”或其类似表达,是指的这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a,b,或c中的至少一项(个),可以表示:a,b,c,a-b,a-c,b-c,或a-b-c,其中,a,b,c可以是单个,也可以是多个。
可以理解的是,在本申请的实施例中涉及的各种数字编号仅为描述方便进行的区分,并不用来限制本申请的实施例的范围。在本申请的实施例中,上述各过程的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请的实施例的实施过程构成任何限定。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (18)
1.一种信息显示方法,其特征在于,包括:
显示表单,所述表单中包括多个输入框;
响应作用于所述多个输入框中第一输入框的输入操作,在所述第一输入框中显示第一信息,所述第一信息为所述第一输入框中已输入的内容;
获取所述第一信息的校验结果;
若校验结果为输入错误,则根据所述第一输入框,显示提示信息;
其中,所述提示信息与所述第一信息以及第二输入框内中的第二信息不重叠,所述第二输入框为所述多个输入框中与所述第一输入框相邻的输入框,所述第二信息为所述第二输入框中已输入或待输入的内容。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第一输入框,显示提示信息,包括:
根据所述第一输入框,确定用于显示所述提示信息的显示区域,所述显示区域与所述第一输入框的对应关系是预先设置的;
在所述显示区域内显示所述提示信息。
3.根据权利要求1所述的方法,其特征在于,所述第一输入框与所述第二输入框在所述表单中的位置为上下关系,所述根据所述第一输入框,显示提示信息,包括:
根据所述第一输入框与所述第一信息的高度,及所述第二输入框与所述第二信息的高度,确定用于显示所述提示信息的显示区域;
在所述显示区域内显示所述提示信息。
4.根据权利要求3所述的方法,其特征在于,所述根据所述第一输入框与所述第一信息的高度,及所述第二输入框与所述第二信息的高度,确定用于显示所述提示信息的显示区域,包括:
将所述第一输入框的高度减去所述第一信息的高度得到第一差值;
将所述第二输入框的高度减去所述第二信息的高度得到第二差值;
根据所述第一差值和所述第二差值,确定用于显示所述提示信息的显示区域。
5.根据权利要求2至4中任一项所述的方法,其特征在于,还包括:
在确定所述显示区域之后,显示所述显示区域。
6.根据权利要求5所述的方法,其特征在于,所述显示所述显示区域,包括:
在所述第一输入框的下部且所述第二输入框的上部,显示所述显示区域;
或者,在所述第一输入框的上部且所述第二输入框的下部,显示所述显示区域;
其中,所述第一输入框与所述第二输入框在所述表单中的位置为上下关系。
7.根据权利要求6所述的方法,其特征在于,所述显示区域分别与所述第一输入框和所述第二输入框部分重叠。
8.根据权利要求7所述的方法,其特征在于,所述显示区域与所述第一输入框的重叠区域大于所述显示区域与所述第二输入框的重叠区域。
9.根据权利要求5所述的方法,其特征在于,所述显示所述显示区域,包括:
显示所述显示区域以及所述显示区域的指向标识,所述指向标识指向所述第一输入框。
10.根据权利要求1至4中任一项所述的方法,其特征在于,所述提示信息的显示方式不同于所述输入框内文本的显示方式;
所述显示方式包括如下至少一种:字体类型、字体大小、字体颜色。
11.根据权利要求1至4中任一项所述的方法,其特征在于,所述输入框内的文本行高大于所述提示信息的行高。
12.根据权利要求1至4中任一项所述的方法,其特征在于,所述获取第一信息的校验结果,包括:
对所述第一信息进行校验,获取所述校验结果。
13.根据权利要求1至4中任一项所述的方法,其特征在于,所述获取第一信息的校验结果,包括:
向服务器发送所述第一信息;
接收来自服务器的所述第一信息的校验结果。
14.根据权利要求1至4中任一项所述的方法,其特征在于,所述提示信息为以下至少一种:
用于指示所述第一输入框中输入内容要满足的条件;
用于指示所述第一输入框中输入内容输入错误的信息;
用于指示所述第一输入框对应的指引消息。
15.一种信息显示装置,其特征在于,包括:
显示模块,用于显示表单,所述表单中包括多个输入框;响应作用于所述多个输入框中第一输入框的输入操作,在所述第一输入框中显示第一信息,所述第一信息为所述第一输入框中已输入的内容;
处理模块,用于获取所述第一信息的校验结果;
显示模块,用于在校验结果为输入错误时,根据所述第一输入框,显示提示信息;
其中,所述提示信息与所述第一信息以及第二输入框内中的第二信息不重叠,所述第二输入框为所述多个输入框中与所述第一输入框相邻的输入框,所述第二信息为所述第二输入框中已输入或待输入的内容。
16.一种电子设备,包括处理器、存储器及存储在所述存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至14中任一项所述的方法。
17.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机程序,当所述计算机程序在电子设备上运行时,使得电子设备执行如权利要求1至14中任一项所述的方法。
18.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序在电子设备上运行时,使得电子设备执行如权利要求1至14中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011556087.2A CN112579943A (zh) | 2020-12-24 | 2020-12-24 | 信息显示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011556087.2A CN112579943A (zh) | 2020-12-24 | 2020-12-24 | 信息显示方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112579943A true CN112579943A (zh) | 2021-03-30 |
Family
ID=75140589
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011556087.2A Pending CN112579943A (zh) | 2020-12-24 | 2020-12-24 | 信息显示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112579943A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114860361A (zh) * | 2022-04-14 | 2022-08-05 | 北京奥星贝斯科技有限公司 | 用于对反馈信息进行显示的方法及装置 |
CN115202487A (zh) * | 2022-06-24 | 2022-10-18 | 济南浪潮数据技术有限公司 | 一种目标项输入方法、装置、设备及介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090094096A1 (en) * | 2007-10-09 | 2009-04-09 | Yahoo! Inc. | Interactive advertisement framework |
CN105404620A (zh) * | 2015-11-20 | 2016-03-16 | 华为技术有限公司 | 一种表单校验的方法和装置 |
US20170046034A1 (en) * | 2013-06-09 | 2017-02-16 | Apple Inc. | Device, Method, and Graphical User Interface for Displaying Application Status Information |
US9774917B1 (en) * | 2012-12-10 | 2017-09-26 | Apple Inc. | Channel bar user interface |
US20170371885A1 (en) * | 2016-06-27 | 2017-12-28 | Google Inc. | Contextual voice search suggestions |
CN109976855A (zh) * | 2019-03-25 | 2019-07-05 | 北京字节跳动网络技术有限公司 | 信息显示方法及设备 |
US20220283696A1 (en) * | 2019-10-21 | 2022-09-08 | Omnis Labs Company | Content processing method |
-
2020
- 2020-12-24 CN CN202011556087.2A patent/CN112579943A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090094096A1 (en) * | 2007-10-09 | 2009-04-09 | Yahoo! Inc. | Interactive advertisement framework |
US9774917B1 (en) * | 2012-12-10 | 2017-09-26 | Apple Inc. | Channel bar user interface |
US20170046034A1 (en) * | 2013-06-09 | 2017-02-16 | Apple Inc. | Device, Method, and Graphical User Interface for Displaying Application Status Information |
CN105404620A (zh) * | 2015-11-20 | 2016-03-16 | 华为技术有限公司 | 一种表单校验的方法和装置 |
US20170371885A1 (en) * | 2016-06-27 | 2017-12-28 | Google Inc. | Contextual voice search suggestions |
CN109976855A (zh) * | 2019-03-25 | 2019-07-05 | 北京字节跳动网络技术有限公司 | 信息显示方法及设备 |
US20220283696A1 (en) * | 2019-10-21 | 2022-09-08 | Omnis Labs Company | Content processing method |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114860361A (zh) * | 2022-04-14 | 2022-08-05 | 北京奥星贝斯科技有限公司 | 用于对反馈信息进行显示的方法及装置 |
CN115202487A (zh) * | 2022-06-24 | 2022-10-18 | 济南浪潮数据技术有限公司 | 一种目标项输入方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109164964B (zh) | 内容分享方法、装置、终端及存储介质 | |
CN107153541B (zh) | 浏览交互处理方法及装置 | |
US20190073100A1 (en) | Method and device for displaying page | |
US20180165105A1 (en) | Object starting method and device | |
CN110704059B (zh) | 图像处理方法、装置、电子设备及存储介质 | |
EP3128411B1 (en) | Interface display method, terminal, computer program and recording medium | |
US11132123B2 (en) | Key display method, terminal, and non-transitory computer-readable medium | |
EP2947567A1 (en) | User interface text appearance customization | |
CN112579943A (zh) | 信息显示方法、装置、设备及存储介质 | |
US11367232B2 (en) | Method and device for generating stickers | |
EP3757740A1 (en) | Method and device for displaying a prompting message, mobile terminal and storage medium | |
CN111061419A (zh) | 一种应用栏显示方法及电子设备 | |
CN114265653A (zh) | 界面显示方法、装置、设备、存储介质及程序产品 | |
CN106708958B (zh) | 浏览器内核的排版结构展现方法及装置 | |
CN111046265B (zh) | 卡片数据显示方法、装置、设备及存储介质 | |
CN106020694B (zh) | 电子设备、选区动态调整方法及装置 | |
CN105955637B (zh) | 处理文本输入框的方法和装置 | |
CN112508020A (zh) | 标注方法及装置、电子设备和存储介质 | |
CN109683726B (zh) | 字符输入方法、装置、电子设备及存储介质 | |
CN108829473B (zh) | 事件响应方法、装置及存储介质 | |
US10613622B2 (en) | Method and device for controlling virtual reality helmets | |
CN116048371A (zh) | 应用程序中页面组件切换方法、装置、设备、介质及产品 | |
CN113778687B (zh) | 内存分配信息处理方法、装置、电子设备及存储介质 | |
CN114895815A (zh) | 数据处理方法和电子设备 | |
CN114416264A (zh) | 消息显示方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information |
Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176 Applicant after: Jingdong Technology Holding Co.,Ltd. Address before: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Beijing Economic and Technological Development Zone, 100176 Applicant before: Jingdong Digital Technology Holding Co., Ltd |
|
CB02 | Change of applicant information |