一种页面输入框的防呆方法、系统及相关组件与流程

本发明涉及网页制作技术领域，特别涉及一种页面输入框的防呆方法、系统、一种计算机可读存储介质及一种网页浏览装置。

背景技术

在各种网站产品上都存在有页面输入框，以便用户在页面输入框中输入字符或字符串进行查询查询或编辑操作。

现有技术中，各种网站产品对于页面内输入框用户输入内容合法性的校验以及不合法内容的提示方法主要为：不对输入框进行任何输入限制或仅限制输入内容的长度，用户在输入完成后点击提交时统一对输入框内容进行格式校验，对于不合法内容进行提示。但是，现有技术存在一个缺陷：在提醒用户输入错误时，需要用户自行删除不合法字符或字符串重新输入合法字符或字符串的步骤，增加了用户操作的复杂度。

因此，如何防止用户输入非法字符或非法字符串，降低用户操作的复杂度是本领域技术人员目前需要解决的技术问题。

技术实现要素：

本申请的目的是提供一种页面输入框的防呆方法、系统、一种计算机可读存储介质及一种网页浏览装置，能够防止用户输入非法字符或非法字符串，降低用户操作的复杂度。

为解决上述技术问题，本申请提供一种页面输入框的防呆方法，该防呆方法包括：

接收输入指令并根据输入指令在页面输入框中执行输入操作；

检测页面输入框中的所有输入内容是否合法；

若否，则将所有输入内容与历史合法内容进行比对确定页面输入框中的非法字符串或非法字符，并删除非法字符串或非法字符；其中，历史合法内容为上一次通过合法性校验的合法字符串或合法字符。

可选的，在接收输入指令之前，还包括：

创建页面输入框，并为页面输入框设定对应的校验规则；

可选的，检测页面输入框中的所有输入内容是否合法包括：

按照预设周期判断页面输入框中的所有输入内容是否符合校验规则；若是，则合法；若否，则不合法。

可选的，检测页面输入框中的所有输入内容是否合法包括：

为页面输入框绑定input事件，并判断input事件是否被触发；

若是，则检测页面输入框中的所有输入内容是否合法。

可选的，若检测页面输入框中的所有输入内容合法，还包括：

将历史合法内容更新为所有输入内容。

可选的，在删除非法字符串或非法字符之后，还包括：

生成提示信息以便告知用户输入的非法字符串或非法字符不合法。

本申请还提供了一种页面输入框的防呆系统，该系统包括：

输入模块，用于接收输入指令并根据输入指令在页面输入框中执行输入操作；

检测模块，用于检测页面输入框中的所有输入内容是否合法；

防呆模块，用于当所有输入内容不合法时，将所有输入内容与历史合法内容进行比对确定页面输入框中的非法字符串或非法字符，并删除非法字符串或非法字符；其中，历史合法内容为上一次通过合法性校验的合法字符串或合法字符。

可选的，该防呆系统还包括：

输入框创建模块，用于创建页面输入框，并为页面输入框设定对应的校验规则。

本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序执行时实现上述页面输入框的防呆方法执行的步骤。

本申请还提供了一种网页浏览装置，包括存储器和处理器，存储器中存储有计算机程序，处理器调用存储器中的计算机程序时实现上述页面输入框的防呆方法执行的步骤。

本发明提供了一种页面输入框的防呆方法，包括接收输入指令并根据输入指令在页面输入框中执行输入操作；检测页面输入框中的所有输入内容是否合法；若否，则将所有输入内容与历史合法内容进行比对确定页面输入框中的非法字符串或非法字符，并删除非法字符串或非法字符；其中，历史合法内容为上一次通过合法性校验的合法字符串或合法字符。

本发明通过将本次未通过合法性校验的内容与通过上一次合法性校验的内容进行比对确定非法字符串或非法字符，并自动将非法字符串或非法字符删除，无需用户操作。本方案通过历史合法内容确定非法字符串或非法字符，能够防止用户输入非法字符或非法字符串，降低用户操作的复杂度。本申请同时还提供了一种页面输入框的防呆系统、一种计算机可读存储介质和一种网页浏览装置，具有上述有益效果，在此不再赘述。

附图说明

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

图1为本申请实施例所提供的一种页面输入框的防呆方法的流程图；

图2为本申请实施例所提供的另一种页面输入框的防呆方法的流程图；

图3为本申请实施例所提供的一种页面输入框的防呆系统的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

下面请参见图1，图1为本申请实施例所提供的一种页面输入框的防呆方法的流程图。

具体步骤可以包括：

s101：接收输入指令并根据输入指令在页面输入框中执行输入操作；

其中，本实施例默认是针对网页的页面输入框的防呆处理方法，可以预先存在以下操作：(1)页面渲染过程中创建输入框，在创建输入框的同时可以为输入框绑定input事件用以便实时监测用户输入的内容。(2)为输入框指定校验规则；前台在绘制页面的过程中首先指定输入框内容需要遵循的校验规则，该校验规则就是检测页面输入框中的内容是否合法的检测规则；该检测规则可以包括判断用户是否输入的不合法字符或者已经超出指定范围的数字，若是则说明用户输入了不合法的内容了。

在本步骤中若接收到输入指令，则根据输入指令在页面输入框中执行与输入指令相对应的输入操作。可以理解的是，本步骤中所执行的输入操作不仅仅是在原本的输入内容的最后一个字符后面继续输入，可能是在任意位置继续输入，而且在本步骤中输入操作对应的输入内容可以是连续的也可以是不连续的。例如，在s101之前页面输入框的内容为aaaaa，在执行完s101中的操作后页面输入框中的内容就可能会变成aabaaabb，也可能是aaaaabbb，具体根据输入指令确定。

s102：检测页面输入框中的所有输入内容是否合法；若否，则进入s103；若否，则结束流程；

其中，本步骤中所判断的对象是页面输入框中的所有输入内容，判断是否合法的依据可以为创建页面输入框时为页面输入框指定的校验规则，若符合该校验规则则说明合法，若不符合该校验规则则说明不合法。

值得注意的是，本实施例默认存在按照预设周期对页面输入框中的所有输入内容进行合法型校验的操作，上述校验操作可以理解为根据时间对页面输入框中的所有内容进行多次合法性校验。若在本步骤中所有输入内容合法，则说明本次合法性校验对应时刻的页面输入框中的所有输入内容为通过本次合法性校验的合法字符串或合法字符。当进行下一次合法性校验的操作时，通过本次合法性校验的合法字符串或合法字符可以作为确定非法字符串或非法字符的依据。作为一种优选的实施方案，可以预先为页面输入框绑定input事件，并判断input事件是否被触发；若触发，则检测页面输入框中的所有输入内容是否合法。input事件是指用户或浏览器自身执行的写入动作，当检测到input事件或input事件被触发时说明页面输入框中输入了新的内容。

当然，若在本步骤中判断页面输入框中的所有输入内容不合法时，说明s101中输入的内容存在非法字符串或非法字符，需要说明的是本实施例默认s101之前页面输入框中的内容均合法。由于无法确定哪些内容为s101中输入的，因此需要与s101之前页面输入框中的内容进行比较，具体内容详见s103中的解释。

s103：将所有输入内容与历史合法内容进行比对确定页面输入框中的非法字符串或非法字符，并删除非法字符串或非法字符；其中，历史合法内容为上一次通过合法性校验的合法字符串或合法字符。

其中，由于s102检测到页面输入框中的输入内容不合法，因此在本步骤中需要确定页面输入框中的非法字符串或非法字符，并删除非法字符串或非法字符。本步骤通过本次合法性验证的输入内容和通过历史合法内容(上一次合法性校验的合法字符串或合法字符)进行比对确定s101中输入的非法字符串或非法字符，进而进行删除操作。

作为一种优选的实施方案，当所有输入内容是否合法且结束本流程后，可以将历史合法内容更新为所有输入内容；

其中，若页面输入框中的所有输入内容通过本次合法性校验的内容，那么在下一次合法性校验检测到页面输入框中的内容不和合法时，可以根据通过本次合法性校验的内容确定非法字符串或非法字符。

前面已经提到，本实施例默认存在循环多次检测页面输入框中的内容的操作，因此在本次已经确定页面输入框中的内容合法的前提下，可以将通过本次合法性校验的内容作为下一次进行合法性验证的参考对象。例如，通过本次合法性校验的内容为aabaaabb，当下一次合法性验证时发现页面输入框中的内容不合法，则将下一次合法性验证时页面输入框内容aabaaabbc进行比较确定c为非法字符串或非法字符。本步骤的意义在于更新确定非法字符串或非法字符的参照对象，将最近一次(也就是上一次)通过合法性验证的内容作为参考对象。也就是说，若在s102中判断页面输入框中的内容合法时，页面输入框中的所有输入内容就成为新的历史合法内容。

本实施例通过将本次未通过合法性校验的内容与通过上一次合法性校验的内容进行比对确定非法字符串或非法字符，并自动将非法字符串或非法字符删除，无需用户操作。若页面输入框中的所有输入内容通过本次合法性校验的内容，那么在下一次合法性校验检测到页面输入框中的内容不合法时，可以根据通过本次合法性校验的内容确定非法字符串或非法字符。本实施例通过上一次合法性校验的内容确定非法字符串或非法字符，能够防止用户输入非法字符或非法字符串，降低用户操作的复杂度。

下面请参见图2，图2为本申请实施例所提供的另一种页面输入框的防呆方法的流程图；

具体步骤可以包括：

s201：创建页面输入框并为页面输入框设定对应的校验规则；

s202：接收输入指令并根据输入指令在页面输入框中执行输入操作；

s203：按照预设周期判断页面输入框中的所有输入内容是否符合校验规则；若是，则进入s204；若否，则进入s205；

s204：将历史合法内容更新为所有输入内容，结束流程。

其中，在s204结束流程后，可以继续进入下一次关于页面输入框内容的检验操作。

s205：将历史合法内容与所有输入内容进行比对得到比对结果；

s206：根据比对结果确定页面输入框中的非法字符串或非法字符，删除非法字符串或非法字符。

其中，在s206之后无需执行如s204中的操作，保持历史合法内容不变即可，由于本次合法性校验对应的输入内容不合法，因此当进行下一次合法性验证时，需要根据上一次通过合法性校验的合法字符串或合法字符确定非法字符串或非法字符。

此外，在s206之后还可以生成提示信息以便告知用户输入的非法字符串或非法字符不合法。

请参见图3，图3为本申请实施例所提供的一种页面输入框的防呆系统的结构示意图；

该系统可以包括：

输入模块100，用于接收输入指令并根据输入指令在页面输入框中执行输入操作；

检测模块200，用于检测页面输入框中的所有输入内容是否合法；

防呆模块300，用于当所有输入内容不合法时，将所有输入内容与历史合法内容进行比对确定页面输入框中的非法字符串或非法字符，并删除非法字符串或非法字符；其中，历史合法内容为上一次通过合法性校验的合法字符串或合法字符。

进一步的，该防呆系统还包括：

输入框创建模块，用于创建页面输入框，并为页面输入框设定对应的校验规则。

进一步的，检测模块200具体为按照预设周期判断页面输入框中的所有输入内容是否符合校验规则的模块。

进一步的，检测模块200具体为为页面输入框绑定input事件，并判断input事件是否被触发；若是，则检测页面输入框中的所有输入内容是否合法的模块。

进一步的，该防呆系统还包括：

合法内容更新模块，将历史合法内容更新为所有输入内容。。

进一步的，该防呆系统还包括：

提示模块，用于生成提示信息以便告知用户输入的非法字符串或非法字符不合法。

由于系统部分的实施例与方法部分的实施例相互对应，因此系统部分的实施例请参见方法部分的实施例的描述，这里暂不赘述。

本申请还提供了一种计算机可读存储介质，其上存有计算机程序，该计算机程序被执行时可以实现上述实施例所提供的步骤。该存储介质可以包括：u盘、移动硬盘、只读存储器(read-onlymemory，rom)、随机存取存储器(randomaccessmemory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。

本申请还提供了一种网页浏览装置，可以包括存储器和处理器，所述存储器中存有计算机程序，所述处理器调用所述存储器中的计算机程序时，可以实现上述实施例所提供的步骤。当然所述网页浏览装置还可以包括各种网络接口，电源等组件。

说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以对本申请进行若干改进和修饰，这些改进和修饰也落入本申请权利要求的保护范围内。

还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的状况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。