在 HTML 表单提交时启动 jQuery 弹出窗口


launching a jquery pop up window on html form submit?

任何人都可以帮忙吗? 我有这个登录表单:

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

我也有这个脚本,当我提交表单时,它会在弹出窗口中显示表单操作页面"登录.php"。

目前它会显示一个基本的弹出窗口,但我想知道我是否可以调整 jQuery 代码以实现一个打开的 jQuery 灯箱窗口。

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

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

但是现在我想使用我的jQuery灯箱窗口打开这个弹出窗口,该窗口称为" Shadowbox"(可在网上下载),您通常会像这样打开链接。

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

因此,为了清楚起见,我问是否有办法启动我的jQuery灯箱"Shadowbox"来代替当用户单击登录表单上的提交按钮时启动的普通弹出窗口。

请有人告诉我一种方法。谢谢。

我会将 e.preventDefault() 添加到上一条语句中

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