将表单提交到Colorbox iframe

Question

我正在尝试将此表单提交到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>

Answer 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/