在 html 页面内的 javascript 中访问 django 表单变量答案

【问题标题】：accessing django form variable in javascript which is inside html page在 html 页面内的 javascript 中访问 django 表单变量
【发布时间】：2017-10-31 18:14:46
【问题描述】：

我有带有name 和email address 的django 表单作为form field in forms.py 文件。我在{form.as_p} 的帮助下在 HTML 页面中实现了该表单。

现在我在同一个 HTML 页面中添加了 JavaScript...

{% block javascript %}

<script>

</script>

{% endblock %}

现在我如何访问这个script tag 中的两个表单变量。我想在客户端验证数据，而不是在服务器上发送。 getElementById() 方法有效吗？如果是这样，我需要写什么来访问我的表单变量或任何其他好的替代方案。谢谢

【问题讨论】：

由 django 或任何其他方式生成的 HTML 只是 HTML
感谢您提供这样的答案，但我无法访问这就是为什么在这里询问。与其提供此类答案，不如帮助他人。
我没有回答你的问题。我发表了评论。如果您想要有用的答案，请阅读stackoverflow.com/help/how-to-ask 和stackoverflow.com/help/mcve
我已经简单解释了这个问题，我不能分享代码。如果您能提供帮助，请提前感谢您。

标签： javascript jquery python django-forms django-templates

【解决方案1】：

是的，有可能。 Django 为您在 Django 表单中定义的每个字段提供一个格式为 id_fieldname 的 id。

例如对于name 字段，HTML 中的 id 将为id_name，对于email_address 字段，HTML 中的 id 将为id_email_address

现在您可以简单地在您的 JS 中使用带有这些 ID 的getElementById() 进行验证。

【讨论】：

嗨，我已经尝试过了，但它总是显示 [object HTMLInputElement] 而不是值。
对于文本字段的值使用document.getElementById("id_name").value
嗨，它仍然是空值。
在上面调用之前你在文本框中写了什么吗？
是的，我写了但只得到空值。