单击重置单选按钮尝试在Django中提交表单

Question

我在Django做了一个表格。单击重置按钮应重置单选按钮。

<td>
{{form.effort.help_text}}&nbsp;<font size=1 color=red>
    {% for error in form.effort.errors %}
        {{error}}
    {%endfor%}</font>
    {% for choice in form.effort %}
        {{choice.tag}}{{choice.choice_label}}
    {% endfor %}&nbsp;&nbsp;
    <button onclick="resetEffort();">reset</button>
</td>

resetEffort（）函数的代码是 -

<script type=text/javascript>
function resetEffort()
{
    $('input[name="effort"]').prop('checked', false);
}
</script>

但是当我点击此重置按钮时，它会重置单选按钮，但同时尝试提交表单。它显示未填充且必须填写的字段的错误警告。焦点到达页面顶部。

在表格中保存按钮 -

<form action="{% url 'kaizen:addkaizen'%}" method="post">
 <!-- other fields of form here -->
    <input type="submit" value="Save" name="save"/> 

单击重置单选按钮时显示错误（或者在提交表单时未填写任何值）

如何更正这一点，以便点击重置按钮可以静默重置单选按钮，而不是尝试提交表单。

PS - 我不想重置整个表单。我只想重置一个字段，即单选按钮组。我已经有整个表格的重置按钮。

Answer 1

更新：您需要在type="button"元素中指定<input>才能重置表单。更多信息here。

Answer 2

要阻止提交表单： 将type属性按钮添加到按钮中，如下所示：

<button type="button" onclick="resetEffort();">My button</button>