信息显示方法、装置、设备及存储介质制造方法及图纸

本申请提供一种信息显示方法、装置、设备及存储介质，此方法包括：显示表单，表单中包括多个输入框；响应作用于多个输入框中第一输入框的输入操作，显示第一信息，第一信息为第一输入框中已输入的内容；获取第一信息的校验结果；若校验结果为输入错误，则根据第一输入框，显示提示信息；其中，提示信息与第一信息以及第二输入框内中的第二信息不重叠，第二输入框为多个输入框中与第一输入框相邻的输入框，第二信息为第二输入框中已输入或待输入的内容。本申请可以在完整显示提示信息的同时，不影响表单中各输入框的内容填写。

【技术实现步骤摘要】
信息显示方法、装置、设备及存储介质
本申请涉及计算机
，尤其涉及一种信息显示方法、装置、设备及存储介质。
技术介绍
随着科学技术的不断发展，人们越来越依赖网络，例如，使用浏览器浏览网页获取所关注的信息等。在用户浏览网页过程中，经常出现要求填写表单的情况，其中表单在网页中主要负责数据采集功能。而对于用户填写到表单中的内容，要进行是否符合要求的校验，例如输入字符是否满足预设的多样性要求(例如是否满足包含字母和数字等组合的特定格式，或者是否超出预设数值范围，等等)，并将校验得到的错误提示给用户，以帮助用户重新填入正确的内容。目前，较常见的错误提示方法是在对应输入框之外的下方显示提示信息。在实现本专利技术过程中，专利技术人发现上述技术中至少存在如下问题：在对应输入框之外的下方显示提示信息会导致提示信息覆盖在该输入框下方的输入框上，从而影响该输入框的内容填写。
技术实现思路
本申请提供一种信息显示方法、装置、设备及存储介质，以在完整显示提示信息的同时，不影响表单中各输入框的内容填写。第一方面，本申请实施例提供一种信息显示方法，包括：显示表单，表单中包括多个输入框；响应作用于多个输入框中第一输入框的输入操作，在第一输入框中显示第一信息，第一信息为第一输入框中已输入的内容；获取第一信息的校验结果；若校验结果为输入错误，则根据第一输入框，显示提示信息；其中，提示信息与第一信息以及第二输入框内中的第二信息不重叠，第二输入框为多个输入框中与第一输入框相邻的输入框，第二信息为第二输入框中已输入或待输入的内容。第二方面，本申请实施例提供一种信息显示装置，包括：显示模块，用于显示表单，表单中包括多个输入框；响应作用于多个输入框中第一输入框的输入操作，在第一输入框中显示第一信息，第一信息为第一输入框中已输入的内容；处理模块，用于获取第一信息的校验结果；显示模块，用于在校验结果为输入错误时，根据第一输入框，显示提示信息；其中，提示信息与第一信息以及第二输入框内中的第二信息不重叠，第二输入框为多个输入框中与第一输入框相邻的输入框，第二信息为第二输入框中已输入或待输入的内容。第三方面，本申请实施例提供一种电子设备，包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现如第一方面中任一项所述的方法。第四方面，本申请实施例提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，当计算机程序在电子设备上运行时，使得电子设备执行如第一方面中任一项所述的方法。第五方面，本申请实施例提供一种计算机程序产品，包括计算机程序，该计算机程序在电子设备上运行时，使得电子设备执行如第一方面中任一项所述的方法。本申请实施例提供的信息显示方法、装置、设备及存储介质，显示包括多个输入框的表单，并响应作用于多个输入框中第一输入框的输入操作，在第一输入框中显示第一信息，第一信息为第一输入框中已输入的内容；之后，获取第一信息的校验结果，并在校验结果为输入错误时，根据第一输入框，显示提示信息；其中，提示信息与第一信息以及第二输入框内中的第二信息不重叠，第二输入框为多个输入框中与第一输入框相邻的输入框，第二信息为第二输入框中已输入或待输入的内容。由于提示信息与第一信息以及第二输入框内中的已输入或待输入的第二信息不重叠，因此可在完整显示提示信息的同时，实现不影响表单中各输入框的内容填写的效果。本申请的这些和其它方面在以下(多个)实施例的描述中会更加简明易懂。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。图1为本申请提供的信息显示方法的应用场景示意图；图2为本申请一实施例提供的信息显示方法的流程示意图；图3为一表单示例图；图4为另一表单示例图；图5a为本申请提供的信息显示方式与现有显示方式的一比对示意图；图5b为本申请提供的信息显示方式的另一示意图；图6为输入框的高度与输入框内文本行高、显示区域之间关系的示例图；图7为本申请一实施例提供的信息显示装置的结构示意图；图8为本申请一实施例提供的电子设备的结构示意图。通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。具体实施方式这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。首先，为便于理解，对本申请部分术语进行解释说明：表单，在网页中主要负责数据采集功能。表单包含多个输入框，输入框包含文本框、多行文本框、下拉选择框、单选框和复选框，等等。表单校验方式，包括即时校验、失去焦点(blur)下状态校验和提交后校验。例如，当用户完成针对某输入框的输入时，触发对该输入框中已输入信息的校验，示例地，可通过blur事件监听用户是否完成输入，当用户输入结束，离开输入框时会触发blur事件。录入项，是指当前处于编辑状态的输入框。现有技术中，对于表单的校验，存在以下解决方案：1、提交后校验，即选择全部统一校验。如果多个表单互相之间逻辑有冲突或者为空的情况下，在统一的提交操作之后只显示错误，不能有针对性的告知哪些表单错误、错在哪里。2、即时校验或者失去焦点(blur)状态下校验，使用消息(message)校验，不能在视觉焦点反显错误信息。并且，在最终提交后，仍不能有针对性的告知哪些表单错误、错在哪里。若将错误信息展示在输入框的下方，撑高表单的纵向高度，这样会造成下方信息被挤下去，如果在弹窗中应用，会造成弹窗抖动；若将错误信息悬浮在输入框的下方展示，但在密集的表单中，会挡住其它信息；若将错误信息悬浮在输入框的下方展示，如果当前的录入项被错误提示层覆盖，隐藏覆盖录入项的错误提示层，该显示方式存在的问题是：如果录入项被完全覆盖，则无法获取焦点，也就不能隐藏覆盖录入项的错误提示层，另外，已输入的信息被遮盖，不方便用户进行重新输入。针对上述问题，本申请提供一种不受校验方式限制的信息显示方法、装置、设备及存储介质，通过使得校验后的提示信息与输入框内的内容不重叠，达到在完整显示提示信息的同时，不影响表单中各输入框的内容填写的目的，避免现有显示方式存在的弹窗抖动、信息被遮盖、不在视觉焦点等情况。示例性地，图1为本申请提供的信息显示方法的应用场景示意图。如图1所示，该应用场景可以包括：至少一个客户端(图1示出了三个客户端，分别为客户端111、客户端112、客户端113)、网络本文档来自技高网...

【技术保护点】
1.一种信息显示方法，其特征在于，包括：/n显示表单，所述表单中包括多个输入框；/n响应作用于所述多个输入框中第一输入框的输入操作，在所述第一输入框中显示第一信息，所述第一信息为所述第一输入框中已输入的内容；/n获取所述第一信息的校验结果；/n若校验结果为输入错误，则根据所述第一输入框，显示提示信息；/n其中，所述提示信息与所述第一信息以及第二输入框内中的第二信息不重叠，所述第二输入框为所述多个输入框中与所述第一输入框相邻的输入框，所述第二信息为所述第二输入框中已输入或待输入的内容。/n

【技术特征摘要】
1.一种信息显示方法，其特征在于，包括：
显示表单，所述表单中包括多个输入框；
响应作用于所述多个输入框中第一输入框的输入操作，在所述第一输入框中显示第一信息，所述第一信息为所述第一输入框中已输入的内容；
获取所述第一信息的校验结果；
若校验结果为输入错误，则根据所述第一输入框，显示提示信息；
其中，所述提示信息与所述第一信息以及第二输入框内中的第二信息不重叠，所述第二输入框为所述多个输入框中与所述第一输入框相邻的输入框，所述第二信息为所述第二输入框中已输入或待输入的内容。


2.根据权利要求1所述的方法，其特征在于，所述根据所述第一输入框，显示提示信息，包括：
根据所述第一输入框，确定用于显示所述提示信息的显示区域，所述显示区域与所述第一输入框的对应关系是预先设置的；
在所述显示区域内显示所述提示信息。


3.根据权利要求1所述的方法，其特征在于，所述第一输入框与所述第二输入框在所述表单中的位置为上下关系，所述根据所述第一输入框，显示提示信息，包括：
根据所述第一输入框与所述第一信息的高度，及所述第二输入框与所述第二信息的高度，确定用于显示所述提示信息的显示区域；
在所述显示区域内显示所述提示信息。


4.根据权利要求3所述的方法，其特征在于，所述根据所述第一输入框与所述第一信息的高度，及所述第二输入框与所述第二信息的高度，确定用于显示所述提示信息的显示区域，包括：
将所述第一输入框的高度减去所述第一信息的高度得到第一差值；
将所述第二输入框的高度减去所述第二信息的高度得到第二差值；
根据所述第一差值和所述第二差值，确定用于显示所述提示信息的显示区域。


5.根据权利要求2至4中任一项所述的方法，其特征在于，还包括：
在确定所述显示区域之后，显示所述显示区域。


6.根据权利要求5所述的方法，其特征在于，所述显示所述显示区域，包括：
在所述第一输入框的下部且所述第二输入框的上部，显示所述显示区域；
或者，在所述第一输入框的上部且所述第二输入框的下部，显示所述显示区域；
其中，所述第一输入框与所述第二输入框在所述表单中的位置为上下关系。


7.根据权利要求6所述的方法，其特征在于，所述显示区域分别与所述第一输入框和所述第二输入框部分重叠。


8.根据权利要求7所述的方法，其特征在于，所述显示区域与所述第一输入框的重叠区域大于所述显示区域与所述第二输入框的重叠区域。

【专利技术属性】
技术研发人员：鲍广辉，
申请(专利权)人：京东数字科技控股股份有限公司，
类型：发明
国别省市：北京;11