首页 > 解决方案 > 在 Django 中使用 JavaScript 提交表单不起作用

问题描述

我尝试在 Django 中通过 Javascript 提交表单。

表单正在运行
Javascript 正在运行
submit() 函数无法运行

我的测试 HTML 代码:

<form method="post" id='testForm' action="www.google.com">
    {% csrf_token %}
    <a onclick="onDeleteButtonClick()" href="">Delete</a>
    <input type="submit" value="Submit">
</form>

我的测试 Javascript 代码:

<script type="text/javascript">
    function onDeleteButtonClick(){
        console.log("before");
        document.getElementById("testForm").submit();
        console.log("after");
    }
</script>


3 个结果:

这部分网页看起来是这样的: 网页图片 真的很简单

A当我单击提交按钮时:它正在工作,表单已提交。

B当我单击删除链接时:它不起作用
Javascript 的登录有效,我可以在控制台中看到“之前”和“之后”。

C我也在一个普通的网页(没有 Django 框架)上测试了这个,提交按钮和删除链接都可以正常工作。所以我认为它一定与Django有关。

如果有谁知道为什么会这样,请告诉我~谢谢!

标签: javascriptdjango

解决方案


推荐阅读