如何在javascript中獲取django表單值而不保存到模型中

Question

我創建了一個django表單，我不需要將這些值保存到我的數據庫中。但我不知道如何在javascript中訪問這些表單值。

balance.html

<script> 
$(document).ready(function() { 
    $('.dateinput').datepicker(); 
    var a = document.getElementsById("{{ form.start_date }}").val; 
    alert(a); 
}); 
</script> 

<div> 
    <form action="" method="POST">{% csrf_token %} Start Date: {{ form.start_date }}&nbsp;&nbsp; End Date:{{ form.end_date }} 
     <br/> 
     <input type="submit" name="submit" value="See Results" id="tryonce"> 
    </form> 
</div> 

但我不能得到的結果。 如何在javascript中檢索這些表單值？

Answer 1

的{{form.start_date}}擴展爲：

<input id="id_start_date" type="something"> 

您可以隨時單擊鼠標右鍵並檢查大多數現代瀏覽器中的元素。

所以使用：

var a = document.getElementsById("id_start_date").val; 

我建議你使用jQuery的版本：

var a = $("#id_start_date").val(); 

Answer 2

表單被自動呈現爲有效的html。您可以使用前綴id_field_name通過他們的ID訪問表單字段。所以start_date領域具有ID id_start_date：

var a = document.getElementsById("id_start_date").val; 

你應該閱讀的形式呈現文檔here

Answer 3

，如果你想直接得到嘗試，這也值

var start_date="{{ form.data.start_date }}"