jQuery灯箱表单未提交数据答案

【问题标题】：jQuery lightbox form not submitting datajQuery灯箱表单未提交数据
【发布时间】：2012-12-06 23:16:32
【问题描述】：

我到处查看，似乎人们只想在提交表单后打开灯箱。但是，我想从灯箱提交表单。在我将表单放入灯箱之前，我的所有代码都有效，所以我想知道这是否可能。

表单提交代码（PHP）：

if(isset($_POST['updatemain'])) {
$company = $_POST['conameu'];
$vault = $_POST['vnameu'];
$q = "UPDATE siteinformation SET SiteName = :company, VaultName = :vault";
$query = $db->prepare($q);
$results = $query->execute(array(
    ":company"  => $company,
    ":vault"    => $vault 

));
header('Location: vault.php');

}

灯箱代码中的表单：

<div class="backdrop"></div>
<div class="box"><div class="close"><img src="images/close.png" /></div>
<fieldset>
<legend>Pick a Section to Work on</legend>
<div id="prompt">Select a Section:</div>
<div id="answer">
<select id="sectionchange">
<option value="main">Main Titles</option>
<option value="organ">Emergency Organizations</option>
<option value="number">Common Numbers</option>
<option value="website">Common Websites</option>
<option value="quicklink">Quick Links</option>
</select>
</div>
</fieldset>
<div id="mainsection">
<form id="updatemain" action="" method="post">
<fieldset>
<legend><strong>Main Title Information</strong></legend>
<div id="prompt">Client Company Name:</div><div id="answer"><input type="text" name="conameu"     id="conameu" /></div>
<div id="prompt">Web Tool Name:</div><div id="answer"><input type="text" name="vnameu" id="vnameu" /></div>
<div id="prompt"><input type="submit" id="updatemain" value="Update Information" /></div>
</fieldset>
</form>
</div>
</div>
</div>

就像我说的，这在灯箱中之前工作正常，所以我在这一点上有点难过。

有什么想法吗？

提前感谢您的宝贵时间！

【问题讨论】：

您使用哪种灯箱？我已经在 jQuery fancybox 中成功实现了将表单作为 iframe 打开的表单。简单高效。
idk 如果您在示例中输入错误，但输入提交没有 name attr，因此 POST 不会将 updatemain 设置为键。
@andbeyond 非常感谢！想知道为什么它在表格的新位置之前起作用？有趣，但您的输入有效！谢谢大佬！
也不确定，但很乐意提供帮助
@andbeyond，如果您创建一个答案也将允许 OP 接受它，我会支持您，因为您的评论解决了这个问题。

标签： php jquery forms submit lightbox

【解决方案1】：

根据评论部分：

将值为updatemain 的name 属性添加到您的提交按钮。

如果没有这个，PHP 将不会设置 POST 值 $_POST['updatemain']，因此第一个 if 语句将始终为 false。

【讨论】：

【解决方案2】：

更新以反映“名称”必须出现在提交按钮中才能正常工作，即使出于某种原因它之前不需要。再次感谢@andbeyond

<div class="backdrop"></div>
<div class="box"><div class="close"><img src="images/close.png" /></div>
<fieldset>
<legend>Pick a Section to Work on</legend>
<div id="prompt">Select a Section:</div>
<div id="answer">
<select id="sectionchange">
<option value="main">Main Titles</option>
<option value="organ">Emergency Organizations</option>
<option value="number">Common Numbers</option>
<option value="website">Common Websites</option>
<option value="quicklink">Quick Links</option>
</select>
</div>
</fieldset>
<div id="mainsection">
<form id="updatemain" action="" method="post">
<fieldset>
<legend><strong>Main Title Information</strong></legend>
<div id="prompt">Client Company Name:</div><div id="answer"><input type="text"     name="conameu"     id="conameu" /></div>
<div id="prompt">Web Tool Name:</div><div id="answer"><input type="text" name="vnameu" id="vnameu" /></div>
<div id="prompt"><input type="submit" id="updatemain" name="updatemain" value="Update Information" /></div>
</fieldset>
</form>
</div>
</div>
</div>

【讨论】：