我想得到一些帮助,以便找到一种方法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
。
发布于 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>
https://stackoverflow.com/questions/-100002961
复制相似问题