[发明专利]一种提示表单填写进度的方法和装置

说明书

技术领域

本发明涉及浏览器领域，尤其涉及一种提示表单填写进度的方法和装置。

背景技术

浏览器是人们访问互联网的必备工具，用于显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容，并让用户与这些文件交互的一种软件工具。用户在填写表单时候，需要在页面上停留一段时间，现行很多网站对于表单填写界面设计比较简单，单一。现有技术中有些浏览器中设置进度条用于提示输入进度，但是该进度条只是单纯对表单操作的一个反应，或是对进度加载的一个形象体现，并无实际意义，只是起到趣味性的效果。

发明内容

本发明的主要目的在于提出一种提示表单填写进度的方法和装置，旨在现有技术中表单填写界面和进度条设计比较简单，不能很好的体现表单填写情况的问题。

为实现上述目的，本发明提供的一种提示表单填写进度的方法，包含以下步骤，

获取预先定义的表单及表单中的表单项；

获得每个表单项对应滚动条在进度条总长中所占的长度；

每获得一个表单项被填入内容的命令，进度条上增加相应表单项的滚动条长度并对所述滚动条填充颜色。

进一步的，每获得一个表单项被填入内容的命令后，检测表单项被填入内容的格式是否符合预定义格式，如果是，滚动条被填充代表正确状态的颜色；否则滚动条被填充代表错误状态的颜色。

进一步的，所述每个表单项对应的滚动条上设置一个标记，将所述标记与一色块关联起来，用于点击该色块时将鼠标的光标定位到关联的表单项。

进一步的，表单项中的内容被清除时，回滚表单项相应滚动条，清除标记。

进一步的，获取预先定义的表单的方法为DOM的document.getElementById的方法。

进一步的，获取预先定义的表单中的表单项的方法为querySelectorAll方法。

此外，为实现上述目的，本发明还提出一种提示表单填写进度的装置，包含，

获取单元，设置为获取预先定义的表单及表单中的表单项；

计算单元，设置为计算每个表单项对应滚动条在进度条总长中所占的长度；

滚动与填色执行单元，设置为每获得一个表单项被填入内容的命令，进度条上增加相应表单项的滚动条长度并对所述滚动条填充颜色。

进一步的，每获得一个表单项被填入内容的命令后，检测表单项被填入内容的格式是否符合预定义格式，如果是，滚动条被填充代表正确状态的颜色；否则滚动条被填充代表错误状态的颜色。

进一步的，所述每个表单项对应的滚动条上设置一个标记，将所述标记与一色块关联起来，用于点击该色块时将鼠标的光标定位到关联的表单项。

进一步的，表单项中的内容被清除时，回滚表单项相应滚动条，清除标记。

本发明提出的提示表单填写进度的方法和装置，在表单填写界面添加了一个进度条设计，进度条精确体现表单填写进度及填写是否正确，当用户输入表单项内容时，进度条也跟滚动，直到用户把所有文本框输入完成后，进度条也就全部加载完，且对表单项填写正确或错误给出清晰的提示，并帮助用户快速找到填写错误的表单项位置，使用非常方便。

附图说明

图1为本发明实施例一提供的提示表单填写进度的方法流程示意图；

图2为本发明实施例二提供的提示表单填写进度的方法流程示意图；

图3为本发明实施例三提供的提示表单填写进度的装置结构示意图；

图4为本发明实施例四提供的提示表单填写进度的装置结构示意图；

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身并没有特定的意义。因此，模块与部件可以混合地使用。

实施例一

如图1所示，本发明实施例一提出一种提示表单填写进度的方法，包括：

S101，获取预先定义的表单及表单中的表单项；

具体的，通过DOM的document.getElementById的方法获取预先定义的表单(如:#from),然后通过querySelectorAll方法获取预定义表单中存在的表单项。

S102，获得每个表单项对应滚动条在进度条总长中所占的长度；