在 Django 表单中使用 .submit(function) 时"Forbidden 403 - CSRF verification failed"



我一直在用Django开发应用程序,它有很多表单,每个表单都在不同的页面中。在第一个视图中,我只询问用户一个简单的信息,即POST发送到Python并用于某些公式。我以前这样做的代码如下所示,它运行得很顺利:

<html>
<head>
<title>Data</title>
</head>
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'app/content/bootstrap.css' %}">
<link rel="stylesheet" href="{% static 'app/content/custom.css' %}">
<script src="{% static 'app/scripts/jquery-1.10.2.min.js' %}"></script>
<script src="{% static 'app/scripts/jquery.validate.js' %}"></script>
<script src="{% static 'app/scripts/jquery.maskedinput.min.js' %}"></script>
<script src="{% static 'app/scripts/custom.js' %}"></script>
{% if error == 404 %}
<label>Who are you? Go away!</label>
<br>
{% endif %}
Welcome! Give me your data!
<body>
<form action="/search/" method="post" id="myPrettyForm">
{% csrf_token %}
<input type="text" name="q" id="q">
<input type="submit" value="Go!">
</form>
</body>
<script type="text/javascript">
$("#q").mask("00000000000");
</script>
</html>

正如我所说,这段代码运行得很好。但是,我想添加一个函数,在该函数中,一旦我单击"提交",q输入字段将被禁用。为此,我尝试将这段代码添加到上面的脚本中:

$("#myPrettyForm").submit(function () {
$("#myPrettyForm:input").prop("disabled", true);
});

但是,当我将此代码段添加到代码中时,每次尝试提交表单时,我都会收到一个">Forbidden(403)CSRF验证失败。请求中止。"错误。据此,该错误通常与不具有{% csrf_token %}元素的表单有关。然而,我的表单已经包含了这个元素。

那么我在这里做错了什么?如果我使用了错误的方法来阻止我的用户在表单提交后写入输入,那么其他哪种方法可以我用?

request.POST是一个包含表单数据的字典。禁用输入类将使包括csrf_token在内的所有输入都被禁用。正确的方法是通过id引用组件,并像$("#fieldId").prop("readonly", true);一样将组件保持为"只读">

相关内容

最新更新