提交2個窗體，點擊一下按鈕

我有2個窗體。一個用於登錄到wordpress，另一個用於登錄到基於Flash的聊天。基於Flash的聊天使用WordPress賬戶登錄用戶。我想把這兩種形式混合在一起。當用戶點擊提交按鈕登錄到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="">

，這是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" />

來源

2012-11-22 pixelweb

這是不可能的，同時提交多個HTML表單。但Y見幾個解決方法：

您可以嵌入聊天登錄表單到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(); 
    }); 
});

來源

2012-11-22 10:10:40 Vince

謝謝。但是當我點擊按鈕時，我需要同時登錄聊天和wordpress。我還必須說：聊天用戶系統是基於WordPress的帳戶。如果你注意有關的代碼，你會看到表單如何工作。 – pixelweb

提交2個窗體，點擊一下按鈕

回答

相關問題