javascript - 从 onChange 处理程序调用时使用错误的字段名称提交 HTML 表单

Question

在我的 jQuery 验证“submitHandler”中，我正在重命名一些字段，以便它们在调用 form.submit() 之前具有相同的名称(这是处理表单的服务器所要求的).

当我单击提交按钮时，这可以找到 - 我看到正确的参数名称被发送到服务器(使用wireshark)。

但是，如果表单是作为更改处理程序的结果提交的，那么当我在调试器中单步执行代码时，字段似乎被重命名 - 但发送到服务器的参数显示原始字段名称重命名的值。

我的变更处理程序没有什么特别的......

$(document).ready(function() {
  $('.autoSubmitField').bind('change', function() {
      $(this).closest("form").submit();
  });
});

知道我做错了什么吗？为什么常规表单提交(通过提交按钮)会接受名称更改..但通过我的 onChange 处理程序提交的表单却不会？

干杯!

Answer 1

看起来 jQuery 插件没有使用 onsubmit 处理程序，而是将 onclick 添加到提交按钮。如果是这样的话，那设计就太蹩脚了。不要调用提交，而是调用单击提交按钮。

$("#submitButtonId").click();