[发明专利]一种表单自动填充方法和系统

说明书

本发明公开了一种表单自动填充方法和系统，涉及页面数据处理技术领域。该方法和系统可以实现如下功能：支持常见web表单元素赋值操作；表单赋值后自动触发表单的change等事件，并可灵活配置；只对某一元素内的子元素进行赋值，实现赋值模块化；支持日期、金额的自定义格式化；支持多级联动下拉框取值并赋值选中。因此，采用本实施例提供的表单自动填充方法，可以大大提高繁琐的web开发中编辑与详情页的初始化部分的工作，开发人员只需要简单的配置就可以完成以往需要写大量代码的操作。并且在不写JS代码的情况下就可以方便的对各种元素进行赋值，易于维护和扩展。

技术领域

本发明涉及页面数据处理技术领域，尤其涉及一种表单自动填充方法和系统。

背景技术

在日常工作和生活中，经常会遇到反复填写信息相同的网络表单的情况，为了解决反复填写相同信息带来的麻烦，目前，可以通过设置FormFill插件，使用Json串给表单赋值的方法，实现表单自动填充。

但是，这种表单自动填充技术无法配置多级下拉框联动，也无法配置时间和金额等的格式化，不能指定赋值元素范围等，导致可以自动填充的信息受到极大的限制，使得用户的体验度差。

发明内容

本发明的目的在于提供一种表单自动填充方法和系统，从而解决现有技术中存在的前述问题。

为了实现上述目的，本发明采用的技术方案如下：

一种表单自动填充方法，包括如下步骤：

S1，编写表单结构，手动给表单添加data-fill属性，并设置data-fill属性值为所述表单在Json字符串中对应的字段值；其中，所述表单包括input元素；

S2，调用赋值方法：inputfill.Init(模块编号,Json数据)，对所述表单的Json字符串进行解析，获取所有包含data-fill属性的元素，并将data-fill属性值填充在所述表单的data-fill属性中。

优选地，S2之后还包括步骤：触发所述表单的change事件。

优选地，还包括步骤：

对表单添加属性data-type，设置表单为日期或金额，并指定方法：var inputfill＝new InputFill(formatDate＝mm-dd-yy,normalCent＝2)。

优选地，还包括步骤：

在所述表单的下拉框元素中添加data-paramid属性，并设置data-paramid属性值为父级表单的data-fill属性值；

在所述表单的data-url属性中设置下拉框的取值地址为父级表单，若所述父级表单发生变动，则触发Change事件。

优选地，还包括步骤：

指定HTML模块最外层元素ID，对不同的HTML模块配置不同的Json字符串。

一种表单自动填充系统，包括：

web表单元素赋值模块，用于通过调用赋值方法：inputfill.Init(模块编号,Json数据)，对所述表单的Json字符串进行解析，获取所有包含data-fill属性的元素，并将data-fill属性值填充在所述表单的data-fill属性中，实现web表单元素自动赋值；

change事件触发模块，用于表单赋值后，触发所述表单的change事件，实现在表单的change事件中写入相应代码，得到想要的页面效果；