0

誰でも助けてくれませんか。私はこのログインフォームを持っています：

<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ライトボックスウィンドウを使用して開きたいと思っています。これは通常、そのようにリンクを開きます。

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

明確にするために、ユーザーがログインフォームの送信ボタンをクリックしたときに起動される通常のポップアップウィンドウの代わりに、jqueryライトボックス「シャドウボックス」を起動する方法があるかどうかを尋ねています。

誰かが私にこれを行う方法を教えてもらえますか？ありがとうございました。

4

2 に答える 2

0

前のステートメントにe.preventDefault（）を追加します

$(function() {
  $('#myform').submit(function(e) {
    e.preventDefault();
    this.target = 'formpopup';
    Shadowbox.open({
      content:    'link',
      height:     300,
      width:      500
    });
  });
});
于 2013-01-24T20:16:01.563 に答える
0 
$(function() {
  $('#myform').submit(function() {
    this.target = 'formpopup';
    Shadowbox.open({
      content:    'link',
      height:     300,
      width:      500
    });
  });
});
于 2013-01-24T20:11:52.790 に答える