點擊重置單選按鈕試圖在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 - 我不想重置整個表單。我只想重置一個字段，即單選按鈕組。我已經有整個窗體的重置按鈕。

來源

2015-05-24 User42

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

來源

2015-05-24 09:48:18 Wtower

更新的問題。最後一行。 – User42

也有更新的答案。 – Wtower

將按鈕代碼從「」更改爲「 – User42

爲了防止表單被提交：添加type屬性按鈕，將按鈕這樣的：

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

來源

2015-05-24 09:57:31 JOSEFtw

點擊重置單選按鈕試圖在Django中提交表單

回答

相關問題