How do I create a confirmation pop-up after user clicks submit?

Discussion in 'HTML & Website Design' started by kpmgmt, Feb 13, 2009.

  1. #1
    Hello,

    When someone clicks the submit button on a submission form on my website, how do I create a "Thank you for your submission! Someone will contact you soon." pop-up window.

    I have searched endlessly and have not been able to find a HTML code. Please consider that I am very html challenged.

    Thank you. Your help is greatly appreciated!!!!

    Here is the form HTML code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <form id="wstForm_Blank2" name="T" action="%wstx.formmailerurl%" method="post" labelID="formLabel_BlankForm2">
    <body style="font-weight: 400; font-size: 1em; color: #808080; font-style: normal; font-family: arial, helvetica, sans-serif; text-align: left">
    <p style="font-weight: bold; font-size: 12pt; font-family: arial,helvetica,sans-serif" align="center"><span id="formLabel_BlankForm2" controlID="wstForm_Blank2"><font face="Times New Roman" color="#00ccff" size="6">TALENT SUBMISSION FORM</font></span></p>
    <p style="font-weight: normal; font-size: 8pt; padding-bottom: 5px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none" align="center"><font face="Times New Roman"><font color="#00ccff"><font size="4">PLEASE FILL IN THE FORM BELOW. <br />
    </font>*REQUIRED FIELDS</font></font></p>
    <div align="center">
    <table style="width: 797px; height: 1101px" cellspacing="0" cellpadding="3" width="797" align="center" border="1">
    <tbody>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_cda8d" controlID="formElement_cda8d"><font face="Times New Roman" color="#000000">*Child(ren) Full Name(s):</font></span></td>
    <td align="center"><input id="formElement_cda8d" title="*Child(ren) Full Name(s)" style="width: 368px; height: 22px" type="text" size="44" name="*Child(ren) Full Name(s)" AUTOCOMPLETE="OFF" labelID="formLabel_cda8d" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_ea00c" controlID="formElement_ea00c"><font face="Times New Roman" color="#000000">*Parent's Full Name:</font></span></td>
    <td align="center"><input id="formElement_ea00c" title="*Parent's Full Name" style="width: 368px; height: 22px" type="text" size="46" name="*Parent's Full Name" AUTOCOMPLETE="OFF" labelID="formLabel_ea00c" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><font face="Times New Roman"><font color="#000000"><span id="formLabel_4ad0d" controlID="formElement_4ad0d">*Is your child(ren) currently working in the entertainment industry?</span> </font></font></td>
    <td align="center"><font face="Times New Roman"><select id="formElement_51ed5" multiple="true" size="1" name="*Is your child(ren) currently working in the entertainment indus" labelID="formLabel_51ed5" required="true">
    <option>Select Yes or No...</option>
    <option>Yes</option>
    <option>No</option>
    </select><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><font face="Times New Roman"><font color="#000000"><span id="formLabel_4494c" controlID="formElement_4494c">*If yes, does your child(ren) have a talent Agent?</span> </font></font></td>
    <td align="center"><font face="Times New Roman"><select id="formElement_51ed5" multiple="true" size="1" name="*If yes, does your child(ren) have a talent Agent?" labelID="formLabel_51ed5" required="true">
    <option>Select Yes or No...</option>
    <option>Yes</option>
    <option>No</option>
    </select><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><font face="Times New Roman"><span id="formLabel_aeb64" controlID="formElement_aeb64"><font color="#000000"><span id="formLabel_aeb64" controlID="formElement_aeb64">*If yes, has your child(ren) ever worked with a talent manager?</span> </font></span></font></td>
    <td align="center"><select id="formElement_51ed5" multiple="true" size="1" name="*If yes, has your child(ren) ever worked with a talent manager?" required="true">*If yes, has your child(ren) ever worked with a talent mana" labelID="formLabel_51ed5"&gt;
    <option>Select Yes or No...</option>
    <option>Yes</option>
    <option>No</option>
    </select><font color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_59a58" controlID="formElement_59a58"><font face="Times New Roman" color="#000000">*Briefly tell us about your child(ren):</font></span></td>
    <td align="center"><input id="formElement_59a58" title="*Briefly tell us about your child(ren)" style="width: 371px; height: 66px" type="text" size="43" name="*Briefly tell me about your child(ren)" labelID="formLabel_59a58" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_b6b49" controlID="formElement_b6b49"><font face="Times New Roman" color="#000000">*Child(ren) Date of Birth(s):</font></span></td>
    <td align="center"><input id="formElement_b6b49" title="*Child(ren) Date of Birth(s)" type="text" name="*Child(ren) Date of Birth(s)" labelID="formLabel_b6b49" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_dc7c8" controlID="formElement_dc7c8"><font face="Times New Roman" color="#000000">*Child(ren) Age(s):</font></span></td>
    <td align="center"><input id="formElement_dc7c8" title="*Child(ren) Age(s)" type="text" name="*Child(ren) Age(s)" labelID="formLabel_dc7c8" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_20f15" controlID="formElement_20f15"><font face="Times New Roman" color="#000000">*City of Residence:</font></span></td>
    <td align="center"><input id="formElement_20f15" title="*City of Residence" type="text" name="*City of Residence" AUTOCOMPLETE="OFF" labelID="formLabel_20f15" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_a5ee9" controlID="formElement_a5ee9"><font face="Times New Roman" color="#000000">*Contact Number (area code first):</font></span></td>
    <td align="center"><input id="formElement_a5ee9" title="*Contact Number (area code first)" type="text" name="*Contact Number (area code first)" labelID="formLabel_a5ee9" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_9a6fc" controlID="formElement_9a6fc"><font face="Times New Roman" color="#000000">*Best time to contact you:</font></span></td>
    <td align="center"><input id="formElement_9a6fc" title="*Best time to contact you" type="text" name="*Best time to contact you" labelID="formLabel_9a6fc" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_68654" controlID="formElement_68654"><font face="Times New Roman" color="#000000">*Email address:</font></span></td>
    <td align="center"><font face="Times New Roman"><input id="formElement_68654" title="*Email address" style="width: 367px; height: 22px" type="text" size="43" name="*Email address" AUTOCOMPLETE="OFF" labelID="formLabel_68654" required="true" /><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_f30b9" controlID="formElement_f30b9"><font face="Times New Roman"><span id="formLabel_bd82b" controlID="formElement_bd82b"><font face="Times New Roman" color="#000000">*Briefly tell us why you are seeking talent management representation:</font></span></font></span></td>
    <td align="center"><font face="Times New Roman"><input id="formElement_bd82b" title="Briefly tell us why you are seeking talent management representa" style="width: 368px; height: 65px" type="text" size="43" name="*Briefly tell me about your expectations" labelID="formLabel_bd82b" required="false" /><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_bd82b" controlID="formElement_bd82b"><font face="Times New Roman"><span id="formLabel_f30b9" controlID="formElement_f30b9"><font face="Times New Roman" color="#000000">Briefly tell us about your child(ren)'s aspirations:</font></span></font></span></td>
    <td align="center"><input id="formElement_f30b9" title="Briefly tell us about your child(ren)'s aspirations" style="width: 370px; height: 66px" type="text" size="45" name="Briefly tell me about your child(ren)'s aspirations" labelID="formLabel_f30b9" /><font color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_a73c9" controlID="formElement_a73c9"><font face="Times New Roman" color="#000000">*How did you hear about us?</font></span></td>
    <td align="center"><select id="formElement_a73c9" style="width: 139px; height: 33px" multiple="true" size="1" name="How did you hear about us?" labelID="formLabel_a73c9" required="true">
    <option>Select one...</option>
    <option>Industry Referral</option>
    <option>Friend Referral</option>
    <option>Search Engine</option>
    <option>Our Website</option>
    <option>MySpace</option>
    <option>Facebook</option>
    <option>Craigslist</option>
    </select><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center" colspan="2"><input id="wstForm_Blank1_Submit" onclick="return wstxSubmitForm(this);" type="submit" value="Submit" /><font face="Times New Roman" color="#000000"> </font><input id="wstForm_Blank1_Reset" type="reset" value="Reset" /></td>
    </tr>
    </tbody>
    </table>
    </div>
    <input id="FormMailerSubject" type="hidden" value="Talent Submission Form" name="T" /><input id="FormMailerRedirect" type="hidden" value="%wstx.project.BaseUrl%" name="FormMailerRedirect" /><font face="Times New Roman" color="#000000"> <br />
    </font>
    </body>
    </form>
    </head>
    </html>
     
    kpmgmt, Feb 13, 2009 IP
  2. ExtremeData

    ExtremeData Well-Known Member

    Messages:
    450
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #2
    Try this(when you click on submit button you will see the message):

    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Untitled Document</title>
    <form id="wstForm_Blank2" name="T" action="%wstx.formmailerurl%" method="post" labelID="formLabel_BlankForm2">
    <body style="font-weight: 400; font-size: 1em; color: #808080; font-style: normal; font-family: arial, helvetica, sans-serif; text-align: left">
    <p style="font-weight: bold; font-size: 12pt; font-family: arial,helvetica,sans-serif" align="center"><span id="formLabel_BlankForm2" controlID="wstForm_Blank2"><font face="Times New Roman" color="#00ccff" size="6">TALENT SUBMISSION FORM</font></span></p>
    <p style="font-weight: normal; font-size: 8pt; padding-bottom: 5px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none" align="center"><font face="Times New Roman"><font color="#00ccff"><font size="4">PLEASE FILL IN THE FORM BELOW. <br />
    </font>*REQUIRED FIELDS</font></font></p>
    <div align="center">
    <table style="width: 797px; height: 1101px" cellspacing="0" cellpadding="3" width="797" align="center" border="1">
    <tbody>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_cda8d" controlID="formElement_cda8d"><font face="Times New Roman" color="#000000">*Child(ren) Full Name(s):</font></span></td>
    <td align="center"><input id="formElement_cda8d" title="*Child(ren) Full Name(s)" style="width: 368px; height: 22px" type="text" size="44" name="*Child(ren) Full Name(s)" AUTOCOMPLETE="OFF" labelID="formLabel_cda8d" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_ea00c" controlID="formElement_ea00c"><font face="Times New Roman" color="#000000">*Parent's Full Name:</font></span></td>
    <td align="center"><input id="formElement_ea00c" title="*Parent's Full Name" style="width: 368px; height: 22px" type="text" size="46" name="*Parent's Full Name" AUTOCOMPLETE="OFF" labelID="formLabel_ea00c" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><font face="Times New Roman"><font color="#000000"><span id="formLabel_4ad0d" controlID="formElement_4ad0d">*Is your child(ren) currently working in the entertainment industry?</span> </font></font></td>
    <td align="center"><font face="Times New Roman"><select id="formElement_51ed5" multiple="true" size="1" name="*Is your child(ren) currently working in the entertainment indus" labelID="formLabel_51ed5" required="true">
    <option>Select Yes or No...</option>
    <option>Yes</option>
    <option>No</option>
    </select><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><font face="Times New Roman"><font color="#000000"><span id="formLabel_4494c" controlID="formElement_4494c">*If yes, does your child(ren) have a talent Agent?</span> </font></font></td>
    <td align="center"><font face="Times New Roman"><select id="formElement_51ed5" multiple="true" size="1" name="*If yes, does your child(ren) have a talent Agent?" labelID="formLabel_51ed5" required="true">
    <option>Select Yes or No...</option>
    <option>Yes</option>
    <option>No</option>
    </select><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><font face="Times New Roman"><span id="formLabel_aeb64" controlID="formElement_aeb64"><font color="#000000"><span id="formLabel_aeb64" controlID="formElement_aeb64">*If yes, has your child(ren) ever worked with a talent manager?</span> </font></span></font></td>
    <td align="center"><select id="formElement_51ed5" multiple="true" size="1" name="*If yes, has your child(ren) ever worked with a talent manager?" required="true">*If yes, has your child(ren) ever worked with a talent mana" labelID="formLabel_51ed5"&gt;
    <option>Select Yes or No...</option>
    <option>Yes</option>
    <option>No</option>
    </select><font color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_59a58" controlID="formElement_59a58"><font face="Times New Roman" color="#000000">*Briefly tell us about your child(ren):</font></span></td>
    <td align="center"><input id="formElement_59a58" title="*Briefly tell us about your child(ren)" style="width: 371px; height: 66px" type="text" size="43" name="*Briefly tell me about your child(ren)" labelID="formLabel_59a58" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_b6b49" controlID="formElement_b6b49"><font face="Times New Roman" color="#000000">*Child(ren) Date of Birth(s):</font></span></td>
    <td align="center"><input id="formElement_b6b49" title="*Child(ren) Date of Birth(s)" type="text" name="*Child(ren) Date of Birth(s)" labelID="formLabel_b6b49" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_dc7c8" controlID="formElement_dc7c8"><font face="Times New Roman" color="#000000">*Child(ren) Age(s):</font></span></td>
    <td align="center"><input id="formElement_dc7c8" title="*Child(ren) Age(s)" type="text" name="*Child(ren) Age(s)" labelID="formLabel_dc7c8" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_20f15" controlID="formElement_20f15"><font face="Times New Roman" color="#000000">*City of Residence:</font></span></td>
    <td align="center"><input id="formElement_20f15" title="*City of Residence" type="text" name="*City of Residence" AUTOCOMPLETE="OFF" labelID="formLabel_20f15" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_a5ee9" controlID="formElement_a5ee9"><font face="Times New Roman" color="#000000">*Contact Number (area code first):</font></span></td>
    <td align="center"><input id="formElement_a5ee9" title="*Contact Number (area code first)" type="text" name="*Contact Number (area code first)" labelID="formLabel_a5ee9" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_9a6fc" controlID="formElement_9a6fc"><font face="Times New Roman" color="#000000">*Best time to contact you:</font></span></td>
    <td align="center"><input id="formElement_9a6fc" title="*Best time to contact you" type="text" name="*Best time to contact you" labelID="formLabel_9a6fc" required="true" /><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_68654" controlID="formElement_68654"><font face="Times New Roman" color="#000000">*Email address:</font></span></td>
    <td align="center"><font face="Times New Roman"><input id="formElement_68654" title="*Email address" style="width: 367px; height: 22px" type="text" size="43" name="*Email address" AUTOCOMPLETE="OFF" labelID="formLabel_68654" required="true" /><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_f30b9" controlID="formElement_f30b9"><font face="Times New Roman"><span id="formLabel_bd82b" controlID="formElement_bd82b"><font face="Times New Roman" color="#000000">*Briefly tell us why you are seeking talent management representation:</font></span></font></span></td>
    <td align="center"><font face="Times New Roman"><input id="formElement_bd82b" title="Briefly tell us why you are seeking talent management representa" style="width: 368px; height: 65px" type="text" size="43" name="*Briefly tell me about your expectations" labelID="formLabel_bd82b" required="false" /><font color="#000000"></font></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_bd82b" controlID="formElement_bd82b"><font face="Times New Roman"><span id="formLabel_f30b9" controlID="formElement_f30b9"><font face="Times New Roman" color="#000000">Briefly tell us about your child(ren)'s aspirations:</font></span></font></span></td>
    <td align="center"><input id="formElement_f30b9" title="Briefly tell us about your child(ren)'s aspirations" style="width: 370px; height: 66px" type="text" size="45" name="Briefly tell me about your child(ren)'s aspirations" labelID="formLabel_f30b9" /><font color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center"><span id="formLabel_a73c9" controlID="formElement_a73c9"><font face="Times New Roman" color="#000000">*How did you hear about us?</font></span></td>
    <td align="center"><select id="formElement_a73c9" style="width: 139px; height: 33px" multiple="true" size="1" name="How did you hear about us?" labelID="formLabel_a73c9" required="true">
    <option>Select one...</option>
    <option>Industry Referral</option>
    <option>Friend Referral</option>
    <option>Search Engine</option>
    <option>Our Website</option>
    <option>MySpace</option>
    <option>Facebook</option>
    <option>Craigslist</option>
    </select><font face="Times New Roman" color="#000000"></font></td>
    </tr>
    <tr bgcolor="#2dbee2">
    <td align="center" colspan="2"><input id="wstForm_Blank1_Submit" onclick="alert('Thank you for your submission! Someone will contact you soon.'); return wstxSubmitForm(this);" type="submit" value="Submit" /><font face="Times New Roman" color="#000000"> </font><input id="wstForm_Blank1_Reset" type="reset" value="Reset" /></td>
    </tr>
    </tbody>
    </table>
    </div>
    <input id="FormMailerSubject" type="hidden" value="Talent Submission Form" name="T" /><input id="FormMailerRedirect" type="hidden" value="%wstx.project.BaseUrl%" name="FormMailerRedirect" /><font face="Times New Roman" color="#000000"> <br />
    </font>
    </body>
    </form>
    </head>
    </html>
    
    HTML:
     
    ExtremeData, Feb 14, 2009 IP
  3. vikassah

    vikassah Peon

    Messages:
    81
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    you can do window.alert on the submit button and the return value to be used to submit or not submit
     
    vikassah, Feb 20, 2009 IP