[英]Close a bootstrap modal 5 after asynchronously submitting a form with vue js
[英]Bootstrap form data not submitting when in modal
我有以下表格:
<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)复制过来的。
我在这里做错了吗? 该形式在模态体中并且不起作用,但在外部时起作用。
编辑:想通了...我有一个表单标签,其中包含我忘记的整个页面,因此嵌套此表单会破坏功能。 哎呀。
想通了...我有一个表单标签,包含我忘记的整个页面,因此嵌套此表单会破坏功能。 哎呀。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.