CN106293118B - 输入字符检测的方法和装置 - Google Patents

Abstract

本发明提出了一种输入字符检测的方法，所述方法包括：获取处于焦点的输入框，提取所述输入框的类型；当所述输入框的类型为数字类型时，开启监听键盘事件，所述监听键盘事件用于实时获取用户输入的内容；通过所述输入框接收输入的内容，检测所述输入的内容是否合法；若否，则根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。由于对输入非法的原因进行了明确的提示，用户可以根据提示找到问题所在，进而可以有针对性的及时更正，从而提高了用户输入的效率。此外，还提出了一种输入字符检测的装置。

Description

输入字符检测的方法和装置

技术领域

本发明涉及网页开发技术领域，特别是涉及一种输入字符检测的方法和装置。

背景技术

当移动端Web App因业务场景需要用户只能在输入框处输入实数的时候，在HTML5的标签input处采取type＝number使得弹出的键盘为数字键盘，当用户输入非法字符时所获取的input标签的值为空，这将无法判断此时用户是输入空值还是非法字符，导致提示不明确而影响用户的输入效率。传统的解决方法是通过用input标签的type＝tel类型代替type＝number类型，其中，tel输入类型是指包含电话号码的输入字段。采用type＝tel类型代替type＝number时，虽然输入非法字符时，所取得的值并不会被清空，但是这种情况下用户只能输入整数数字，用户如果想输入浮点类型的数字时需要切换输入法，增加了操作的复杂性，同样会降低了用户输入的效率。

发明内容

基于此，为了解决上述问题，提出了一种提高用户输入效率的输入字符检测的方法和装置。

一种输入字符检测的方法，所述方法包括:获取处于焦点的输入框，提取所述输入框的类型；当所述输入框的类型为数字类型时，开启监听键盘事件，所述监听键盘事件用于实时获取用户输入的内容；通过所述输入框接收输入的内容，检测所述输入的内容是否合法；若否，则根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

在其中一个实施例中，所述通过所述输入框接收输入的内容，检测所述输入的内容是否合法的步骤包括：通过所述输入框接收输入的内容，检测获取到的内容是否为空；若是，则判定所述输入的内容非法，若否，则判定所述输入的内容合法。

在其中一个实施例中，所述根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示的步骤包括：根据所述监听键盘事件中获取到的内容，确定非法输入的原因；根据确定的所述非法输入的原因获取对应的提示语，将所述提示语进行展示。

在其中一个实施例中，所述通过所述输入框接收输入的内容，检测所述输入的内容是否合法的步骤包括：通过所述输入框接收当前输入的内容，判断当前输入的内容是否合法，若否，则进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示的步骤；或通过所述输入框接收输入的内容，当确定全部输入完成后，判断输入的内容是否全部合法，若否，则进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示的步骤。

在其中一个实施例中，所述通过所述输入框接收输入的内容，检测所述输入的内容是否合法的步骤之后还包括：若是，则获取与所述输入框类型对应的正则表达式；根据所述正则表达式判断所述输入的字符是否符合预设的条件；若符合预设的条件，则保存所述输入的内容。

一种输入字符检测的装置，所述装置包括：提取模块，用于获取处于焦点的输入框，提取所述输入框的类型；开启模块，用于当所述输入框的类型为数字类型时，开启监听键盘事件，所述监听键盘事件用于实时获取用户输入的内容；检测模块，用于通过所述输入框接收输入的内容，检测所述输入的内容是否合法；提示模块，用于若检测到所述输入的内容不合法，则根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

在其中一个实施例中，所述检测模块还用于通过所述输入框接收输入的内容，检测获取到的内容是否为空，若是，则判定所述输入的内容非法，若否，则判定所述输入的内容合法。

在其中一个实施例中，所述提示模块包括：确定模块，用于根据所述监听键盘事件中获取到的内容，确定非法输入的原因；反馈模块，用于根据确定的所述非法输入的原因获取对应的提示语，将所述提示语进行展示。

在其中一个实施例中，所述检测模块还用于通过所述输入框接收当前输入的内容，判断当前输入的内容是否合法，若否，则通知提示模块进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示；或通过所述输入框接收输入的内容，当确定全部输入完成后，判断输入的内容是否全部合法，若否，则通知提示模块进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

在其中一个实施例中，所述装置还包括：获取模块，用于若所述输入的内容合法，则获取与所述输入框类型对应的正则表达式；判断模块，用于根据所述正则表达式判断所述输入的内容是否符合预设的条件，若符合预设的条件，则保存所述输入的内容。

上述字符输入检测的方法和装置，通过获取处于焦点的输入框，提取输入框的类型，当输入框的类型为数字类型时，开启监听键盘事件，监听键盘事件用于实时获取用户输入的内容，通过输入框接收输入的内容，检测所述输入的内容是否合法，若否，则根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。该输入字符检测的方法通过开启监听键盘事件获取用户输入的内容，然后根据获取到的内容来确定用户非法输入的原因，进而进行相应的明确提示，由于对输入非法的原因进行了明确的提示，用户可以根据提示找到问题所在，进而可以有针对性的及时更正，从而提高了用户输入的效率。

附图说明

图1为一个实施例输入字符检测的方法流程图；

图2为一个实施例中根据监听键盘事件中获取到的内容进行提示的方法流程图；

图3为另一个实施例中输入字符检测的方法流程图；

图4为一个实施例中输入字符检测的装置结构框图；

图5为一个实施例中提示模块的结构框图；

图6为另一个实施例中输入字符检测的装置结构框图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，在一个实施例中，提出了一种输入字符检测的方法，该方法应用于移动端的Web App，具体包括如下步骤：

步骤102，获取处于焦点的输入框，提取输入框的类型。

在本实施例中，输入框的类型是指输入框的<input>标签的类型，即允许在输入框输入的字符类型。在开发阶段，会为每个输入框设置一个<input>标签的类型，输入框常见的<input>标签的type类型有三种，一种是type＝text(文本)，一种是type＝tel(电话号码)，一种是type＝number(数字)。具体的，当移动端用户点击输入框时，输入框便处于焦点，提取该输入框的类型，当获取到输入框的类型为数字类型时，弹出供用户输入的数字键盘。

步骤104，当输入框的类型为数字类型时，开启监听键盘事件，监听键盘事件用于实时获取用户输入的内容。

在本实施例中，当获取到的输入框的类型为数字类型时，开启监听键盘事件。监听键盘事件可以监听键盘动作，实现键盘记录，用于实时获取用户输入的内容。移动端的键盘都有一些系统的事件，比如，keydown，keypress、keyup等等，通过绑定这些系统的事件，当用户触发这个事件时，就可以通过重写回调的方法获取键盘的结果。具体的，预先与系统中的keydown事件进行绑定，当获取到输入框的input标签类型为数字类型时，触发开启监听键盘事件。当用户按下键盘触发keydown事件时，获取用户按下的对应的键盘码，并将该键盘码进行记录。通过开启键盘事件就可以实时的获取用户输入的字符并记录相应的键盘动作。

步骤106，通过输入框接收输入的内容，检测输入的内容是否合法，若否，则进入步骤108，若是，则进入步骤109。

在本实施例中，用户通过当前的输入框进行字符的输入，移动端通过该输入框接收到用户输入的内容，检测获取到的<input>标签的值是否为空，若获取到的值为空，则说明输入的字符类型不合法，即输入了非法的字符或者输入了空值。为了进一步判断是输入了非法的字符还是输入了空值，就需要去获取监听键盘事件中获取到的内容来确定具体的非法输入的原因。若获取到的值不为空，则说明输入的字符类型合法，将该输入的字符进行保存。

步骤108，根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

具体的，根据所述监听键盘事件中获取到的输入的内容，检测非法输入的原因，若监听键盘事件中获取到了输入的字符，则说明输入了非法类型的字符，若监听键盘事件中没有获取到相应的字符，则说明输入了空值。确定了对应的非法输入的原因后，根据该非法输入的原因获取对应的预先存储的提示语，然后将该提示语进行反馈提示，便于用户及时了解非法输入的原因，进而有针对性的进行改正，从而提高了用户输入的效率。

步骤109，保存输入的内容。

在本实施例中，若检测到输入的内容合法，说明输入的字符为数字类型，保存该输入的内容。

在本实施例中，通过获取处于焦点的输入框，提取输入框的类型，当输入框的类型为数字类型时，开启监听键盘事件，监听键盘事件用于实时获取用户输入的内容，通过输入框接收输入的内容，检测所述输入的内容是否合法，若否，则根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。该输入字符检测的方法通过开启监听键盘事件获取用户输入的内容，然后根据获取到的内容来确定用户非法输入的原因，进而进行相应的明确提示，由于对输入非法的原因进行了明确的提示，用户可以根据提示找到问题所在，进而可以有针对性的及时更正，从而提高了用户输入的效率。

在一个实施例中，通过输入框接收输入的内容，检测输入的内容是否合法的步骤包括：通过所述输入框接收输入的内容，检测获取到的内容是否为空；若是，则判定所述输入的内容非法，若否，则判定所述输入的内容合法。

在本实施例中，通过输入框接收输入的内容，通过检测获取到的<input>标签的值是否为空值来判断输入的内容是否合法，若检测到的内容为空，说明输入的内容不是数字字符，则判定该输入的内容非法，若检测到的内容不为空，则说明输入的内容为数字类型，则判断该输入的内容合法。假设判定输入的内容非法，那么具体是因为输入了非法的字符类型还是因为输入了空值，还需要根据监听键盘事件中获取到的输入内容进行进一步判断。

如图2所示，在一个实施例中，所述根据所述监听键盘事件中获取到的字符确定非法输入的原因并进行相应的提示的步骤包括：

步骤108A，根据监听键盘事件中获取到的内容，确定非法输入的原因。

在本实施例中，根据监听键盘事件中获取到的内容，检测输入非法的原因。具体的，在HTML5中，当输入框的类型type＝number时，通过输入框获取到的为空值时，说明用户输入了非法字符类型或者输入了空值，通过监听键盘事件中获取到的内容来检测到底是输入了非法字符类型还是输入了空值，当监听键盘事件中获取到了输入的字符，说明输入了非法的字符类型，此时提示用户输入的内容中出现了非数字的字符类型；当监听键盘事件中也没有获取到输入的字符时，说明用户输入了空值，那么就可以提醒用户输入了空值。

步骤108B，根据确定的非法输入的原因获取对应的提示语，将提示语进行展示。

在本实施例中，当获取到输入非法的原因后，根据确定的原因获取对应的提示语，然后将获取到的提示语进行展示。具体的，系统预先预存了两种提示语，一种是“输入了非法的字符类型”，一种是“输入了空值”，分别将这两种提示语与对应的原因进行对应存储。当获取到用户输入内容非法的原因是因为输入了非法字符类型，那么就获取与之对应的提示语“输入了非法的字符类型”，同样的，当获取到用户输入内容非法的原因是因为输入了空值，获取与之对应的提示语为“输入了空值”。

在一个实施例中，通过输入框接收输入的内容，检测输入的内容是否合法的步骤包括：通过输入框接收当前输入的内容，判断当前输入的内容是否合法，若否，则进入根据监听键盘事件中获取到内容确定非法输入的原因并进行相应的提示。

在本实施例中，设置提示配置项，对当前输入的内容进行实时检测。具体的，实时检测输入的内容是否合法，若检测到输入的内容非法，则通过监听键盘事件获取用户输入的内容，进而根据获取的内容判断非法输入的原因，并进行相应的提示。若检测到当前输入的内容合法，则继续获取用户输入的内容。通过对用户输入的字符进行实时的检测，当输入的内容不合法时立即进行提醒，有利于用户实时了解自己输入的情况，从而进一步提高输入的效率。

在一个实施例中，通过输入框接收输入的内容，当确定全部输入完成后，判断输入的内容是否全部合法，若否，则进入根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

在本实施例中，通过设置提示配置项，当用户输入完成或提交数据时再对用户是否输入了非法字符进行检测提醒。具体的，通过输入框接收输入的字符，当确定输入完成后，再判断之前输入的内容是否全部合法，如果不是，则通过键盘监听事件中记录的内容判断出现非法输入的原因，然后获取相应的提示语，将获取到的提示语进行反馈提醒。这样用户在提交数据时，如果里面有非法内容，就可以根据明确的提示进行检查，以便输入正确的字符，提高了字符输入的效率。

如图3所示，在一个实施例中，判断输入的字符是否为合法的字符类型，若是，则进入步骤110。

步骤110，获取与输入框类型对应的正则表达式。

具体的，预先设置输入框类型与正则表达式之间的对应关系，当获取到输入框类型后，就可以确定与该输入框对应的正则表达式。其中，正则表达式使用单个字符串来描述，匹配一系列符合某个句法规则的字符串，在很多文本编辑器里，正则表达式通常被用来检索、替换那些符合某个模式的文本。许多程序设计语言都支持利用正则表达式进行字符串操作。在本实施例中，正则表达式用来对输入的内容进行限制，只有符合预设的正则表达式，才对输入的内容进行保存。比如，可以对输入的数字的范围进行限制，只允许输入1-5之间的数字，这样的话，当输入了别的数字(比如6)时，就视为输入了不符合正则表达式的内容。

步骤112，根据所述正则表达式判断所述输入的字符是否符合预设的条件，若符合预设的条件，则进入步骤109，若不符合要求，清空输入的内容。

在本实施例中，根据获取到的与输入框类型对应的正则表达式来判断输入的字符是否符合要求，只有符合要求才对输入的内容进行保存，否则，清空输入的内容。具体的，预先设置正则表达式，比如，正则表达式只允许输入到小数点后两位，那么当输入小数点后第三位时，则判定不符合正则表达式的要求，对输入的内容进行清空，要求用户重写进行输入。通过判断输入的内容是否符合预设的正则表达式可以及时的对用户输入的内容进行检测，有利于进一步提高用户的输入效率。

如图4所示，提出了一种输入字符检测的装置，该装置包括：

提取模块402，用于获取处于焦点的输入框，提取输入框的类型。

开启模块404，用于当输入框的类型为数字类型时，开启监听键盘事件，监听键盘事件用于实时获取用户输入的内容。

检测模块406，用于通过输入框接收输入的内容，检测输入的内容是否合法。

提示模块408，用于若检测到输入的内容不合法，则根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

在一个实施例中，检测模块还用于通过输入框接收输入的内容，检测获取到的内容是否为空，若是，则判定输入的内容非法，若否，则判定输入的内容合法。

如图5所示，在一个实施例中，提示模块408包括：

确定模块408A，用于根据监听键盘事件中获取到的内容，确定非法输入的原因；

展示模块408B，用于根据确定的非法输入的原因获取对应的提示语，将提示语进行展示。

在一个实施例中，检测模块还用于通过输入框接收当前输入的内容，判断当前输入的内容是否合法，若否，则通知提示模块进入根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

在一个实施例中，检测模块还用于通过输入框接收输入的内容，当确定全部输入完成后，判断输入的内容是否全部合法，若否，则通知提示模块进入根据监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

如图6所示，在一个实施例中，上述输入字符检测的装置还包括：

获取模块410，用于若输入的内容合法，则获取与输入框类型对应的正则表达式；

判断模块412，用于根据正则表达式判断输入的字符是否符合预设的条件，若符合预设的条件，则保存输入的字符。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种输入字符检测的方法，应用于移动端的网页应用，所述方法包括：

获取处于焦点的输入框，提取所述输入框的类型，所述输入框的类型是指输入框的<input>标签的类型；

当所述输入框的类型为数字类型时，开启监听键盘事件，所述监听键盘事件用于实时获取用户输入的内容；

通过所述输入框接收输入的内容，检测所述输入的内容是否合法，检测获取到的<input>标签的值是否为空，若获取到的值为空，则所述输入的内容不合法，输入了非法类型的字符或者输入了空值；

若检测到所述输入的内容不合法，则根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示，若监听键盘事件中获取到了输入的字符，则说明输入了非法类型的字符，若监听键盘事件中没有获取到相应的字符，则说明输入了空值。

2.根据权利要求1所述的方法，其特征在于，所述通过所述输入框接收输入的内容，检测所述输入的内容是否合法的步骤包括：

若检测获取到的<input>标签的值不为空，则判定所述输入的内容合法。

3.根据权利要求1所述的方法，其特征在于，所述根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示的步骤包括：

根据所述监听键盘事件中获取到的内容，确定非法输入的原因；

根据确定的所述非法输入的原因获取对应的提示语，将所述提示语进行展示。

4.根据权利要求1所述的方法，其特征在于，所述通过所述输入框接收输入的内容，检测所述输入的内容是否合法的步骤包括：

通过所述输入框接收当前输入的内容，判断当前输入的内容是否合法，若否，则进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示的步骤；或

通过所述输入框接收输入的内容，当确定全部输入完成后，判断输入的内容是否全部合法，若否，则进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示的步骤。

5.根据权利要求1所述的方法，其特征在于，所述通过所述输入框接收输入的内容，检测所述输入的内容是否合法的步骤之后还包括：

若是，则获取与所述输入框类型对应的正则表达式；

根据所述正则表达式判断所述输入的内容是否符合预设的条件；

若符合预设的条件，则保存所述输入的内容。

6.一种输入字符检测的装置，应用于移动端的网页应用，其特征在于，所述装置包括：

提取模块，用于获取处于焦点的输入框，提取所述输入框的类型，所述输入框的类型是指输入框的<input>标签的类型；

开启模块，用于当所述输入框的类型为数字类型时，开启监听键盘事件，所述监听键盘事件用于实时获取用户输入的内容；

检测模块，用于通过所述输入框接收输入的内容，检测所述输入的内容是否合法，检测获取到的<input>标签的值是否为空，若获取到的值为空，则所述输入的内容不合法，输入了非法类型的字符或者输入了空值；

提示模块，用于若检测到所述输入的内容不合法，则根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示，若监听键盘事件中获取到了输入的字符，则说明输入了非法类型的字符，若监听键盘事件中没有获取到相应的字符，则说明输入了空值。

7.根据权利要求6所述的装置，其特征在于，所述检测模块还用于若检测获取到的<input>标签的值不为空，则判定所述输入的内容合法。

8.根据权利要求6所述的装置，其特征在于，所述提示模块包括：

确定模块，用于根据所述监听键盘事件中获取到的内容，确定非法输入的原因；

展示模块，用于根据确定的所述非法输入的原因获取对应的提示语，将所述提示语进行展示。

9.根据权利要求6所述的装置，其特征在于，所述检测模块还用于通过所述输入框接收当前输入的内容，判断当前输入的内容是否合法，若否，则通知提示模块进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示；或

通过所述输入框接收输入的内容，当确定全部输入完成后，判断输入的内容是否全部合法，若否，则通知提示模块进入根据所述监听键盘事件中获取到的内容确定非法输入的原因并进行相应的提示。

10.根据权利要求6所述的装置，其特征在于，所述装置还包括：

获取模块，用于若所述输入的内容合法，则获取与所述输入框类型对应的正则表达式；

判断模块，用于根据所述正则表达式判断所述输入的内容是否符合预设的条件，若符合预设的条件，则保存所述输入的内容。