"Submit Button" need a box to pop up stating submission successful?

[tvldeals]

Oh my oh my...
OK I am trying to figure out what script I need to add to where once someone clicks on our Submit Button, another dialog box pops stating "Your Submission was successful" (well something along those lines)..., again, once they hit the submit button. This is for a links submission page on our website. I am enclosing the code we are currently using....I sure hope someone knows how to rework this so it will, or at least maybe have to where it can redirect them to another page that validates their submission was successful.REALLY appreciate any help you can give me! I am at a loss. We also get that "DONE but wth "ERROR ON PAGE" at the bottom of the browser window, when we try to submit.

<form method="post" enctype="text/plain" name="Link Exchange Request" action="mailto:[e-mail]" onSubmit="return checkrequired(this)">
<p>
<input type="hidden" name="redirect" value="http://www.example.com/SubmitYourExampleSite.html">
<input type="hidden" name="subject" value="Link Exchange Request">
<input type="hidden" name="recipient" value="[e-mail]">
</p>
</TD>
</TR>
</TABLE>
<table width="100%" border="0">
<tr valign="top">
<td>Link Title: </td>
<td><input name="link_title" type="text" size="30"></td>
</tr>
<tr valign="top">
<td>Request link to:</td><td><input name="url" type="text" size="30" value="http://www.example.com"></td>
</tr>
<tr valign="top">
<td>Category: </td><td><select name="category">
<option value="--no selection--" selected> --Please choose from List-- </option>
<option value="Air Travel">Air Travel </option>
<option value="Automotive">Travel by Car </option>
<option value="Camping/Hiking">Camping/Hiking </option>
<option value="Cruise/Vacation">Cruise/Vacation </option>
<option value="Destinations - International">Destinations - International </option>
<option value="Destinations - U.S.">Destinations - U.S. </option>
<option value="Directories">Directories </option>
<option value="Family">Family</option>
<option value="Lodging">Lodging </option>
<option value="Maps/Guide Books">Maps/Guide Books</option>
<option value="Official">Official</option>
<option value="Railway">Railway </option>
<option value="Restaurant">Restaurant</option>
<option value="Student">Student</option>
<option value="Tours">Tours </option>
<option value="Agents">Agents </option>
<option value="Gear">Gear </option>
<option value="Safety">Safety </option>
<option value="Tips">Tips </option>
<option value="Health">Health </option>
<option value="Travelogues">Travelogues </option>
<option value="Other Sites">Other Sites </option>
</select>
</td>
</tr>
<tr valign="top">
<td>Description: <br><span class=s>(Max. 250<br>characters)</span></td><td><textarea name="description" rows="4" cols="30"></textarea></td>
</tr>
<tr valign="top">
<td>Your Email: </td><td><input name="email" type="text" size="30"></td>
</tr>
<tr valign="top">
<td></td>
<td>
Your link to us (exact URL):<br><input name="url2us" type="text" size="30" value="http://"><br>
&nbsp; <br>
<input type="submit" name="submit" value="Submit Link" class="button s" >
<br>
&nbsp;<br>

[edited by: korkus2000 at 2:25 am (utc) on Oct. 31, 2003]
[edit reason] Examplified Urls and Email [/edit]

[RonPK]

Some thoughts:

1. mailto: is not the most reliable protocol around. On many computers it simply won't work. You'd be better of using a server side script.

2. it doesn't make much sense to me to confirm a submission when it still has to be made.

3. name="Link Exchange Request" : do not use white space in form names

4. it's better not to start a form in table 1 and let it continue in table 2. The proper structure would be like this:
<form ...>
<table><tr><td>
<input ...>
</td></tr></table>
<table><tr><td>
<input ...>
</td></tr></table>
</form>

5. click on the yellow triangle to get a description of the error.

6. to get your dialogue box (if you still want it ;) ), use this:

 onSubmit="return checkrequired(this); alert('Thanks for your submission!')"

[jomaxx]

I agree. My email is not integrated with my browser and mailto: does not work. [Unrelated design note: email addresses should be visible in text and not hidden within a mailto: link, so that people like me can cut-and-paste.]

"Your Submission was successful" is not the best wording to use, because the true status may be successful, unsuccessful, or still in process.