javascript - 单击重置单选按钮尝试在 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 .