Bootstrap 表单数据在模态时未提交答案

【问题标题】：Bootstrap form data not submitting when in modalBootstrap 表单数据在模态时未提交
【发布时间】：2021-12-29 00:08:00
【问题描述】：

我有以下表格：

<form action="../util/vcput.php" method="POST">
    <input name="vockey" type="hidden" value="<?php echo getCsrfToken(); ?>">
    <input name="a" value="addorgadmin" type="hidden">
    <input name="m" value="editorg" type="hidden">
    <input name="q1" value="orgid=<?php echo $org->id; ?>&orgadmins=1" type="hidden">
    <input type="hidden" name="orgid" value="<?php echo $org->id; ?>">
    <div class="container-fluid mt-3">
        <div class="row">
            <div class="col-5">
                <input class="form-control" type="text" placeholder="Email" id="userEmail" name="userEmail" aria-label="New Admin Email"></input>
            </div>
            <div class="col-4">
                <input class="form-control" type="text" placeholder="Name" id="userName" name="userName" aria-label="New Admin Name"></input>
            </div>
            <div class="col-3">
                <!-- <button type="submit" class="btn btn-primary">Add admin</button> -->
            </div>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">Add admin</button>
</form>

但是，当单击提交按钮时，没有任何反应，没有数据提交/没有采取任何行动。我知道名称/id 值是正确的，因为这些行是从页面的旧版本（修改为 bootstrap v5）复制过来的。

我在这里做错了吗？表单在模态体中，不起作用，但在外面时起作用。

编辑：想通了...我有一个表单标签，其中包含我忘记的整个页面，因此嵌套此表单会破坏功能。哎呀。

【问题讨论】：

通常你应该只发布代码而不是图像，但我仍然会尝试。 Bootstrap 不应该影响提交表单；是否有任何控制台错误或任何东西？没有提交吗？单击提交按钮时会发生什么吗？
我无法重现该问题。我测试时表单提交正常。
@AlonEitan 我添加了代码抱歉。我只是发现手动格式化非常繁琐，复制/粘贴不断破坏格式化
@JohnDoe 据我所知，绝对没有任何反应，没有控制台输出，并且根据日志从不调用后端 php 函数
@Quentin 我发现这个问题似乎与它在 modal-body 元素中特别相关，它在不在模式中时提交。我不知道为什么

标签： html forms twitter-bootstrap bootstrap-5

【解决方案1】：

想通了...我有一个包含我忘记的整个页面的表单标记，因此嵌套此表单会破坏功能。哎呀。

【讨论】：