表单正在HTML中的外部按钮提交

Question

我有一个页面，其中的表单和按钮是分开的：

<form 
     method="post" 
     action="index.php?Page=team_schedule&amp;week_commencing=2018-01-29" 
     name="apply_filter"
>       
    // Select box with onchange submit
</form>

<a href="index.php?Page=team_schedule&amp;week_commencing=2018-02-05">
    // Button
</a>

当我点击按钮时，它会从表单中获取整个action值。我已经尝试在页面上禁用JavaScript，但它没有任何区别。

为什么单击按钮时会传递错误的参数？

Answer 1

好的我在the Validity plugin的帮助下找到了它并查看了源代码。

我错过了</form>关闭元素。 Chrome DOM会追溯添加此内容，但不会更改行为以匹配现已关闭的表单。 <button>元素具有默认的提交类型，因此它提交了未关闭的表单并忽略了包装它的锚元素。