Question

我有2个表格。一个用于登录到wordpress，另一个用于登录基于闪存的聊天。基于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" />

Answer 1

无法同时提交多个HTML表单。但是你看到了几个解决方法：

您可以将聊天登录表单嵌入到iframe中（在同一个域上以避免Same origin policy麻烦），显示（但可能通过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();
    });
});

只需点击一下按钮即可提交2份表格

1 个答案: