say I have the following form for a newsletter script:
Code:
<table " cellspacing="0" cellpadding="0">
<tr>
<form action="http://www.domain.com/users/form.php?FormID=6" method="post" name="frmSS" onSubmit="return CheckSS()">
<td height="20" bgcolor="#FFFFFF" colspan="2">
<p style="margin: 7"><font size="2" color="#000000" face="Verdana"><b>Sign-Up Today!</b></font></p>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" valign="top">
<p style="margin: 7"><font size="1" face="Verdana"><font color="red"><b>*</b></font> Your Email Address:</font>
</td>
<td bgcolor="#FFFFFF" valign="top">
<p style="margin: 7"><font size="1" face="Verdana">
<input type="text" style="font-family: Verdana; font-size: 8pt" name="Email" size="30"></font>
</td>
</tr><input type="hidden" name="SelectLists[1]" value="YES">
<tr>
<td bgcolor="#FFFFFF" valign="top">
<p style="margin: 7"><font size="1" face="Verdana"><font color="red"><b>*</b></font> Preferred Format:</font>
</td>
<td bgcolor="#FFFFFF" valign="top">
<p style="margin: 7"><font size="1" face="Verdana">
<select name="Format" style="font-family: Verdana; font-size: 8pt">
<option value="0">Text</option>
<option SELECTED value="1">HTML</option>
</select>
</font>
</td>
</tr>
<input type="hidden" name="FormCode" value="b06a89ee1626bb2bfb1026d7a051e740">
<tr>
<td bgcolor="#FFFFFF" valign="top">
</td>
<td bgcolor="#FFFFFF" valign="top">
<p style="margin: 7"><font size="1" face="Verdana">
<input type="submit" style="font-family: Verdana; font-size: 8pt" value="Subscribe"><br> </font>
</td>
</form>
</tr>
</table>
<script language="JavaScript">
var numLists = 1;
function doCheckCount(ccObj)
{
if(ccObj.checked)
numLists = numLists + 1;
else
numLists = numLists - 1;
}
function CheckSS()
{
theFrm = document.frmSS;
hasDot = theFrm.Email.value.indexOf(".");
hasAt = theFrm.Email.value.indexOf("@");
if(hasDot + hasAt < 0)
{
alert("Please enter a valid email address.");
theFrm.Email.focus();
theFrm.Email.select();
return false;
}
if(numLists == 0)
{
alert("Please choose a mailing list to subscribe to.");
return false;
}
return true;
}
</script>
How can I go about "AJAXING" that so the page it is on will not have to reload?