2012-06-16 11 views
1

我試圖修改標準的iContact註冊表單,有人會在網站上填寫以加入郵件列表。默認情況下,代碼在嘗試註冊後將用戶重定向到成功或錯誤頁面。如何修改iContact註冊表單,使其不重定向到不同的頁面?

我想要做的不是重定向用戶而不是重新加載頁面:如果用戶成功提交表單,表單字段應該消失並且「謝謝加入!」消息的類型應該出現在表單過去的位置(沒有頁面重新加載)。

我是編程新手,但我非常肯定,我可以用jQuery和AJAX完成此任務。我試過用它搞亂,但是我從來沒有用過AJAX,所以我還沒有成功。任何幫助將不勝感激。

下面是這是在HTML頁面代碼的形式(我代替我的帳戶信息):

<form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignupZZZZ" accept-charset="UTF-8" onsubmit="return verifyRequiredZZZZ();" > 
<input type="hidden" name="redirect" value="http://www.yoursite.com/newsletter/accepted.html" /> 
<input type="hidden" name="errorredirect" value="http://www.yoursite.com/newsletter/error.html" /> 

<div id="SignUp"> 
<table width="212" class="signupframe" border="0" cellspacing="0" cellpadding="5"> 
<tr> 
    <td width="114" align="right" valign="top"> 
    <font size="1" face="Arial,Helvetica, sans-serif">*</font> <font size="2">First Name:</font> 
    </td> 
    <td width="78" align="left"> 
    <input name="fields_fname" type="text" size="13" maxlength="100" /> 
    </td> 
</tr> 
<tr> 
    <td valign="top" align="right"> 
    <font size="1" face="Arial,Helvetica, sans-serif">*</font> <font size="2">E-mail:</font> 
    </td> 
    <td align="left"> 
    <input name="fields_email" type="text" size="13" maxlength="100" /> 
    </td> 
</tr> 
<tr> 
    <td colspan="2"> <font size="1">*</font><font size="2"> = Required Field</font></td> 
    </tr> 
<tr> 
    <td colspan="2"> <input type="image" name="Submit" value="Submit" src="../images/join-hdr.jpg" alt="Join our E-mail List" /></td> 
    </tr> 
</table> 
<input type="hidden" name="listid" value="XXXXX" /> 
<input type="hidden" name="specialid:XXXXX" value="ZSMM" /> 
<input type="hidden" name="clientid" value="YYYYYY" /> 
<input type="hidden" name="formid" value="ZZZZ" /> 
<input type="hidden" name="reallistid" value="1" /> 
<input type="hidden" name="doubleopt" value="0" /> 
</div> 
</form> 
<script src="../Scripts/icontact.js" type="text/javascript"></script> 

下面是腳本的形式引用代碼:

​​

請讓我知道你是否需要任何額外的信息。非常感謝!

回答

0

我沒有弄清楚如何去做我上面提到的問題。但是,我確實想出了一個解決方案:

從頁面的最初可見部分中刪除表單。然後,當用戶單擊「加入我們的電子郵件列表」類型的圖形時,我創建了一個生成的fancyBox(其中包含一個iframe)。然後,在用戶提交fancyBox內的表單後,它們被重定向到成功頁面,但該頁面在fancyBox內生成。用戶然後可以關閉fancyBox並返回到他們所在的頁面。這對我很好,因爲用戶沒有重定向。

希望這可以幫助別人!

相關問題