javascript - 如何使用 jQuery 解析表单字段的预定义子集？

Question

我想创建一个函数，将任何表单(以 $("#myForm") 形式提供)转换为参数对象，例如 params = {field1: value1, field2: value2 , ... }，其中我已经知道列表 {"field1", "field2", ...}。该表单可以包含应忽略的额外字段。不过，我们可以假设/希望“必填”字段会在那里:)

我尝试了 form.serializeArray() 但它返回所有字段，我不知道如何在不使用循环的情况下过滤掉不必要的字段。另一种解决方案是逐行阅读它们。这占用了大量的代码空间，而且看起来不太好:)有什么方法可以在一行中完成此操作吗？

谢谢

编辑

抱歉编辑晚了。如果我无法控制表格怎么办？有没有办法只使用 JavaScript 来解析它们？

编辑2

好的，编辑 HTML 似乎是最简单的方法。

Answer 1

如何在您想要的所有表单元素上放置一个类并序列化表单。像这样:

var params = $('#loginForm input.someClass').serialize();
console.log(params);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <form id="loginForm">
    <input name="username" class="someClass" value="user"/>
    <input name="password" class="someClass" value="pass"/>
    <input type="submit" value="Submit"/>
  </form>

在这里，您将序列化 #loginForm 表单中具有 someClass 类的所有输入元素。