我試圖修改標準的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>
下面是腳本的形式引用代碼:
請讓我知道你是否需要任何額外的信息。非常感謝!