将表单提交到 Colorbox iframe

Posted 2023-05-09

【中文标题】将表单提交到 Colorbox iframe

【英文标题】：Submit Form to a Colorbox Iframe

【发布时间】：2016-02-29 16:27:07

【问题描述】：

我正在尝试将此表单提交到 Colorbox Iframe。请有任何使它起作用的想法...这些值没有通过

<form action="newsletter/add.php" method="GET" onSubmit='$.colorbox(width:"90%", height:"60%", iframe:true, href:"newsletter/add.php"); return false;'>
<input name="name" type="text" placeholder="Nombre">
<input name="email" type="text" placeholder="Email">
<input name="cellphone" type="text" placeholder="Celular">
<input type="submit" name="submit" id="submit" value="SUSCRIBIR" />
</form>

【问题讨论】：

您面临的具体问题是什么？有什么错误吗？

没有错误，表单值没有通过，有什么想法吗？

【参考方案1】：

以下是处理onSubmit 事件所需的内容：

$.colorbox(width:"90%", height:"60%", iframe:true, href:"newsletter/add.php&" + $(this).serialize()); return false;

请记住，将事件处理程序直接附加到 html 元素并不是最佳做法。您可以通过执行以下操作来改进此代码：

$(document).ready(function()
  $(form).on('submit', function(event) 
    $.colorbox(width:"90%", height:"60%", iframe:true, href:"newsletter/add.php&" + $(this).serialize()); 
    event.preventDefault();
  );
);

演示：http://jsfiddle.net/pottersky/xeL5bm2e/1/

【讨论】：

您好，感谢您的回复，表单值没有通过，有什么想法吗？

我认为开箱即用是不可能的。你需要一个解决方法。例如，在提交时，读取表单值并连接到“href”字符串。