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/

将表单提交到Colorbox Iframe

1 个答案: