如何在javascript中获取django表单值而不将其保存到模型中

我创建了一个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>

$（文档）.ready（函数（）{
$（'.dateinput'）.datepicker（）；
var a=document.getElementsById（“{form.start_date}”）.val；
警报（a）；
});
{%csrf\u token%}开始日期：{{form.Start\u Date}结束日期：{{form.End\u Date}

但是我不能得到结果。

---

如何在javascript中检索这些表单值？

表单将自动呈现为有效的html。您可以使用前缀

id\u field\u name

通过表单字段的id访问表单字段。因此

start\u date

字段具有id

id\u start\u date

：

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

---

您应该阅读有关表单呈现的文档

将{{form.start_date}}扩展为：

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

我建议您使用jQuery版本：

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

---

如果要直接获取值，也可以尝试此操作

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

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