serbanghita/form-to-object.js

将 HTML 表单（字段和值）转换为 JavaScript（多维度）对象的纯 JavaScript 方法。

维护者

详细信息

github.com/serbanghita/form-to-object

主页

源代码

问题

安装: 25

依赖项: 0

建议者: 0

安全性: 0

星标: 89

关注者: 12

分支: 25

语言：TypeScript

v3.0.0-rc.0 2023-12-19 21:02 UTC

MIT eea6a06f76fbd245033ceebfe46a417fce2d3421

  • Serban Ghita <serbanghita.woop@gmail.com>

serializejavascriptformJShtmlobjectfields

This package is auto-updated.

Last update: 2024-08-29 07:53:55 UTC

README

将所有 字段 和 值 的 HTML 表单 转换为 多维度 JavaScript 对象

Workflow status Codecov branch npm version npm downloads

安装

作为 npm 包

npm install form_to_object
import formToObject from 'form_to_object';
// or
const formToObject = require('form_to_object');

作为 JS 脚本

<!-- Include minified script (~6kb) -->
<script src="build/formToObject.js"></script>

<!-- jsdelivr (CDN) -->
<script src="
https://cdn.jsdelivr.net.cn/npm/form_to_object@3.1.0/build/bundle/formToObject.min.js
"></script>

示例

  • 使用 DOM 节点 ID： formToObject('myFormId');
  • 使用实际的 DOM 节点引用： formToObject(document.getElementById('myFormId'));

结果值

{
  "saveSettings": "Save",
  "name": "Serban",
  "race": "orc",
  "settings": {
     "input": "keyboard",
     "video": {
        "resolution": "1024x768",
        "vsync": "on"
     }
  }
}

值得了解

  1. 如果找到 <form> 字段，但它们缺少 name 属性，则结果将是 {}（空对象）。
  2. 如果 <form> 仅包含 disabled 字段，则结果将是 {}（空对象）。如果您强制 includeDisabledFields，则将返回键值对。
  3. 空的 <form> 将抛出错误。
  4. 如果发生错误，如找不到表单或选择器无效，则将抛出错误。

选项

浏览器支持

IE 8, Firefox 3.5, Chrome, Safari, Opera 10, 所有移动浏览器。

示例