用于收集表单数据的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()
工作原理有点不同。
它根据“对象数组/嵌套对象”示例中的标记生成此结构: