如何解决Django和Javascript提交了表单？
如何解决Django和Javascript提交了表单？
提问于 2018-10-23 00:14:51
我想得到一些帮助，以便找到一种方法submit 2 forms，第一个与我Javascript的第二个。DjangoHTML template
我的HTML模板中有类似的内容：
<form method="post" id="customerform" novalidate>
...
<form action="" method="get" id="search-form">
...
<input type="submit" class="btn btn-danger" id="submit-choice" name="SubmitChoice" value="{% trans 'Search' %}"/>
</form>
<input type="submit" class="btn btn-default" value="{% trans 'Save' %}"/>
</form>
第一种形式是我的重要Django form，我有一个研究表格。该研究表格应提交给Javascript component。
我写了这个，但它不起作用：
<script>
var form = document.getElementById("search-form");
document.getElementById("submit-choice").addEventListener("click", function () {
form.submit();
});
</script>
结果：
当我提交第二个表格时id=search-form，第一个表格中的字段是空的，我得到一个消息：this field is mandatory。
在此处输入图像描述
回答 1
Stack Overflow用户
发布于 2018-10-23 09:51:48
这不起作用，你不能嵌套表单元素：https：//www.w3.org/TR/html5/forms.html#the-form-element
4.10.3。表单元素 ... 内容模型： 流内容，但没有表单元素后代。
该form元素不应该被嵌套到彼此，那么就应该按预期工作，如
<form method="post" id="customerform" novalidate>
...
<input type="submit" class="btn btn-default" value="{% trans 'Save' %}"/>
</form>
<form action="" method="get" id="search-form">
...
<input type="submit" class="btn btn-danger" id="submit-choice" name="SubmitChoice" value="{% trans 'Search' %}"/>
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002961
复制相关文章
相似问题