如何在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();