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

问题描述：

我在Django中创建了一个表单。有一个重置按钮点击它应该重置单选按钮。对于resetEffort（）函数点击重置单选按钮试图在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>

代码 -

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

但是当我点击这个复位按钮，它重置单选按钮，但在同一时间试图提交表单。它显示未填写且必填字段的错误警告。焦点到达页面顶部。当点击复位单选按钮（或不加填充任何值提交形式时）

enter image description here

怎么可能被校正，使得点击显示在形状配合

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

错误

保存按钮重置按钮会默认重置单选按钮，并且不会尝试提交表单。

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

答

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

更新的问题。最后一行。 – User42

也有更新的答案。 – Wtower

将按钮代码从“”更改为“ – User42

答

为了防止表单被提交：添加type属性按钮，将按钮这样的：

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

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

相关推荐