javascript - 使用 jQuery 有选择地提交字段而不使用 AJAX

Question

我有一个 HTML 表单，它可以动态扩展，并且最终可以包含 400 多个可输入的字段。我想有选择地决定提交表单时发布哪些字段(不是通过 AJAX)，以便仅提交值已更改的字段。

我知道只有具有 name 属性的输入字段才会被实际发布，所以我的想法是获取每个元素 Id (已更改)并使用 JQuery 添加一个 name 属性，如下所示:-

$('#field1').attr('name', 'field1');

这将在提交之前进行，因此(理论上)仅提交已更改的字段。

我通过 Google 搜索了一些可以实现此目的的示例，但令人惊讶的是在任何地方都找不到任何示例。我见过的最接近的是有人提到在提交之前禁用字段。

所以我的问题是:-这个想法可行吗？如果是这样，使用这种方法有什么负面原因吗？

预先感谢您的帮助。

Answer 1

$('input').change(function(){
  var newName = $(this).attr("id"); //could use any attribute, maybe data-name
  $(this).attr("name", newName);
})

当任何输入字段发生更改时，id 会作为其名称添加到字段中。

对于一般的设计问题，我可能会提交整个表单，并且只更新服务器端更改的字段 - 在我的情况下，它实际上由 hibernate 处理。