1

私は2つのフォームを持っています。1 つはワードプレスへのログイン用、もう 1 つはフラッシュ ベースのチャットへのログイン用です。フラッシュ ベースのチャットでは、wordpress アカウントを使用してユーザーにログインします。これらの 2 つの形式を組み合わせたいと思います。ユーザーが送信ボタンをクリックすると、ワードプレスとチャットに同時にログインします。

これはチャットログインフォームです:

    <form action="http://www.domain.com/1chat.php" method="post" target="mychat1" onsubmit="window.open('', 'mychat1', 'width=800,height=600,status=yes,resizable=yes,scrollbars=no')">

<input type="text" name="username">

<input type="password" name="password">

<input type="submit" value="">

これはワードプレスのログインフォームです：

<form id="wp_login_form" action="" method="post">
<label>Username</label><br />
<input type="text" name="username" class="text" value="" /><br />
<label>Password</label><br />
<input type="password" name="password" class="text" value="" /> <br />
<label>
<input name="rememberme" type="checkbox" value="forever" />Remember me</label>
<input type="submit" id="submitbtn" name="submit" value="Login" />
4

1 に答える 1

0

複数の HTML フォームを同時に送信することはできません。ただし、いくつかの回避策があります。

  • チャット ログイン フォームを iframe ( Same origin policyの問題を回避するために同じドメイン上) に埋め込み、wordpress ログイン ページに表示 (ただし、CSS によって非表示にすることができます) することができます。jQueryを使えば、ログインフォーム送信時に送信できます。このようにして、2 つのフォームがシームレスに同時に送信されます。この例を参照してください: http://jsbin.com/ivaluv/1/edit

  • AJAX (POST) 経由でチャット ログイン フォームを送信できるかもしれませんが、Web ブラウザーで使用される組み込みのセキュリティ ルールが多数あるため、私にはわかりません。

jQuery を使用して親 (ログインフォーム) から iframe にフォームを送信する方法は次のとおりです。

jQuery(function($){
    $('#wp_login_form').submit(function(e){
        var chat_login_window = $('#chat_login_iframe').contentWindow;
        chat_login_window.jQuery('form').submit();
    });
});
于 2012-11-22T10:10:40.237 に答える