1

我有 2 个表格。一个用于登录 wordpress，另一个用于登录基于 Flash 的聊天。基于 Flash 的聊天使用 wordpress 帐户登录用户。我想将这两种形式混合在一起。当用户单击提交按钮登录到 wordpress 和聊天时。

这是聊天登录表单：

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

这是wordpress登录表单：

<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（在同一域上以避免同源策略问题），显示（但可能通过 CSS 隐藏）到 wordpress 登录页面。使用jQuery，您可以在提交登录表单时提交。这样，两个表单将同时无缝提交。见这个例子：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 回答