Question

我有一个带有单选按钮组的表单，为此我设置了验证逻辑，即提交时必须选择该组中的一个单选按钮。

但是我在表单上也有一个取消按钮，我将其包装为超链接，如下所示：

<a href="@routes.MyController.index">
    <button>Cancel</button>
</a>

问题在于，当用户没有选择任何单选按钮时（因为由于某种原因他们想离开表格），当用户单击此取消按钮时，验证逻辑会提示用户选择单选按钮选项。 / p>

单击取消按钮后如何绕过验证？

Answer 1

将button更改为div：

<a href="@routes.MyController.index">
  <div>Cancel</div>
</a>

默认的type属性是submit，因此它将属性发送到服务器并对其进行验证。在您的情况下，具有默认button属性的submit会捕获点击事件，因此a甚至没有命中。

如果您需要button标记，则需要使用javascript之类的代码来覆盖其行为：

<button type="button" onclick="window.location.href='@routes.MyController.index'">Cancel</button>

P.S。

它与播放框架无关，只是HTML行为。