在 html 表单提交上启动 jquery 弹出窗口？答案

【问题标题】：launching a jquery pop up window on html form submit?在 html 表单提交上启动 jquery 弹出窗口？
【发布时间】：2013-01-25 04:16:01
【问题描述】：

谁能帮忙。我有这个登录表单：

<form id="myform" form action="login.php" method="post" class="loginform">
Email
<input type="text" name="email" maxlength="30" />
Password
<input type="password" name="password" maxlength="30" />
<input type="image" src="../PTB1/assets/img/icons/loginarrow1.png" name="submit" class="loginbutton" value="Login" />
</form>

我也有这个脚本，当我提交表单时，它会在弹出窗口中显示表单操作页面“login.php”。

目前它会弹出一个基本的弹出窗口，但我想知道我是否可以调整 jquery 代码来实现一个 jquery lightbox 窗口，它会打开。

这是我提交登录表单时启动弹出窗口的 jquery 代码。

<script>
    $(document).ready(function() {
    $('#myform').submit(function() {
        window.open('', 'formpopup', 'width=400,height=400');
        this.target = 'formpopup';
    });
});
</script>

但现在我想使用我的 jquery lightbox 窗口打开这个弹出窗口，该窗口称为“shadowbox”（可在网上下载），您通常会像这样打开链接。

 <a href="link"   rel="shadowbox;height=300;width=500"        >link</a>

为了清楚起见，我想问是否有办法启动我的 jquery 灯箱“shadowbox”来代替用户单击登录表单上的提交按钮时启动的正常弹出窗口。

请有人告诉我这样做的方法。谢谢。

【问题讨论】：

标签： php jquery html submit

【解决方案1】：

我会将 e.preventDefault() 添加到前面的语句中

$(function() {
  $('#myform').submit(function(e) {
    e.preventDefault();
    this.target = 'formpopup';
    Shadowbox.open({
      content:    'link',
      height:     300,
      width:      500
    });
  });
});

【讨论】：

【解决方案2】：

$(function() {
  $('#myform').submit(function() {
    this.target = 'formpopup';
    Shadowbox.open({
      content:    'link',
      height:     300,
      width:      500
    });
  });
});

【讨论】：