Question

任何人都可以请帮助。我有这个登录表单：

<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灯箱窗口，而这个窗口会打开。

继承了我的登录表单提交时启动弹出窗口的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”来代替当用户点击登录表单上的提交按钮时正在启动的正常弹出窗口。< / p>

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

Answer 1

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

Answer 2

我会将e.preventDefault（）添加到前一个语句

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

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

2 个答案: