title: How to make a javascript or php SUCCESS message appear after optin form has been submitted
body: <p>I am using a custom optin page with a form , Currently the form works like this <strong>USER SUBMITS > PAGE REFRESHES FOR HIM > I GET AN EMAIL WITH THE SUBMITTED DATA.</strong></p>
  
  <p>But the user does not get a confirmation message, So most of the times , Users re submit the form thinking it did not worked at the 1st time.</p>
  
  <p>I want to add a Popup/Javascript Success Message to it <strong>OR</strong> After hitting submit , the user gets redirected to another page .</p>
  
  <p>This is the current form code</p>
  
  <pre><code>&lt;div class="form fix "&gt;
                      &lt;p class="form-text"&gt;Fill This Out and See Your &lt;br&gt;Timeshare Report&lt;/p&gt;
                      &lt;form name="contactform" action="mail-script.php" method="POST"&gt;
                          &lt;label for="fname"&gt;First Name:
                              &lt;input type="text" name="fname" id="fname" /&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;label for="lname"&gt;Last Name:
                              &lt;input type="text" name="lname" id="lname" /&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;label for="email"&gt;Email Address:
                              &lt;input type="text" name="email" id="email" /&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;label for="phone"&gt;Phone Number:
                              &lt;input type="text" name="phone" id="phone" /&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;label for="phone"&gt;Alternate Phone:
                              &lt;input type="text" name="phone" id="aphone" /&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;label for="resort"&gt;Resort Name:
                              &lt;input type="text" name="resort" id="resort" /&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;label for="amount"&gt;Amount Owed? $:
                              &lt;input type="number" name="amount" id="amount" /&gt;
                              &lt;p style="font-size: 12px !important;margin-top: -14px;padding-right: 30px;text-align:right;"&gt;
                              If Paid Off Leave Zero, Else Put Amount&lt;/p&gt;
                          &lt;/label&gt;&lt;br&gt;
                          &lt;div class="checkbox"&gt;
                              &lt;div class="check-text fix"&gt;
                                  &lt;p&gt;I'm Considering To&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="check-one fix"&gt;
                                  &lt;input type="checkbox" name="call" id="" value="sell"/&gt; Sell It &lt;br&gt;
                                  &lt;input type="checkbox" name="call" id="" value="buy"/&gt; Buy It &lt;br&gt;
                                  &lt;input type="checkbox" name="call" id="" value="rent "/&gt; Rent  It 
                              &lt;/div&gt;
                              &lt;div class="check-two fix"&gt;
                                  &lt;input type="checkbox" name="call" id="" value="cancel"/&gt; Cancel Mortgage &lt;br&gt;
                                  &lt;input type="checkbox" name="call" id="" value="ownership"/&gt; End Ownership &lt;br&gt;
                                  &lt;input type="checkbox" name="call" id="" value="give"/&gt; Give It Back
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                                                   &lt;p class="captcha"&gt;
                              &lt;img src="captcha_code_file.php?rand=&lt;?php echo rand(); ?&gt;" id='captchaimg' &gt;&lt;br&gt;
                              &lt;label for='message'&gt;Enter the code above here :&lt;/label&gt;&lt;br&gt;
                              &lt;input id="6_letters_code" name="6_letters_code" type="text"&gt;&lt;br&gt;
                              &lt;small&gt;Can't read the image? click &lt;a href='javascript: refreshCaptcha();'&gt;here&lt;/a&gt; to refresh&lt;/small&gt;
                          &lt;/p&gt;
                          &lt;input id="submit" type="submit" value="" /&gt;
                          &lt;p class="submit-text"&gt;Ensure all fields are completed and correct, allowing you more benefits, while preventing abuse of our data.&lt;/p&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>This is the online url of the form
  <a href="http://timesharesgroup.com/sell/index.html" rel="nofollow noreferrer">http://timesharesgroup.com/sell/index.html</a></p>
  
  <p>**********************UPDATE******************************
  <img src="https://i.stack.imgur.com/O1OMx.png" alt="enter image description here"></p>