用于收集表单数据的Javascript库

Posted

tags:

中文标题:用于收集表单数据的Javascript库 原文标题:Javascript library for collecting form data 项目评级:Star:640      Fork:139 下载地址:https://github.com/maxatwork/form2js 详情介绍

表格2js

将结构化表单数据收集到JavaScript对象中的方便方法。

实例

因为使用jQuery一切都会更好,添加了jQuery插件,请查看jQuery.toObject.js。

如果你有任何问题/建议,找出一些奇怪或不合逻辑的东西——请随时发布问题。

警告form2object.js和form2object函数分别重命名为form2js.js和form2js。

旧名称在v1.0标签中。

细节

这不是一个序列化库。

JSON序列化示例中使用的库是http://www.json.org/js.html

由表单字段的名称属性定义的结果对象的结构。

请参阅以下示例。

这个库所做的只是收集表单数据并将其放入一个javascript对象中。

显然,您可以通过序列化来获得JSON/XML/etc字符串,但这并不是它的唯一目的。

用法

rootNode下所有输入的值将被收集到一个对象中。

如果<em>skipEmpty</em>不为false,则跳过空输入。

对象/嵌套对象

在表单字段的name属性中定义的结果对象的结构(或者,如果name为空并且useIdIfEmptyName参数设置为true,则id)。

分隔符默认为“.”(点),但可以更改。

成为

阵列

几个具有相同名称并带有括号的字段定义了值的数组。

成为

对象数组/嵌套对象

相同的索引表示结果数组中的相同项。

索引没有指定顺序(将使用文档中的出现顺序)。

成为

Rails样式表示法

如果数组索引以[a-zA-Z_]开头,它将被视为对象的字段。

将给我们:

自定义字段

您可以实现自定义nodeCallback函数(作为form2object()的第4个参数传递)来提取自定义数据:

使用processDate()回调formData将包含

为什么不.serializeArray()

JQuery的.serializeArray()工作原理有点不同。

它根据“对象数组/嵌套对象”示例中的标记生成此结构:

蚂蚁组件表单怎么收集数据

javascript 收集输入字段数据并使用key作为输入名称和值作为输入值构建json。提供HTML表单作为参数

在持久化到实体之前转换从表单收集的数据

在不同的页面上收集输出和表单提交?

用于海量数据的 Javascript 图表库 [关闭]

15个最佳的 JavaScript 表单验证库