Form requires multiple clicks to execute?

10 replies
  • WEB DESIGN
  • |
Looking for some help. I'm serving up a custom opt-in form via Optin Skin and for some reason, it's requiring two clicks of the submit image to function and I can't seem to figure out why.

Can anyone check my code and help me out?

Code:
<table style="text-align: left;" border="0"
 cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
 style="background-image: url(http://prosperityclicks.com/wp-content/uploads/2012/06/bg1.png); height: 314px; width: 546px; vertical-align: top;">
      <table style="text-align: left; width: 546px; height: 45px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td></td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 546px; height: 71px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td style="width: 115px;"></td>
            <td
 style="background-image: url(http://prosperityclicks.com/wp-content/uploads/2012/06/socialbg.png); width: 410px; vertical-align: middle;">
            <table
 style="text-align: left; width: 409px; height: 24px;" border="0"
 cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td style="width: 69px;"></td>
                  <td style="width: 110px; vertical-align: middle;"
 allowtransparency="true" frameborder="0" scrolling="no"><iframe
 src="//www.facebook.com/plugins/like.php?href=%cur_url%&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21&appId=155303851207793"
 style="border: medium none ; overflow: hidden; width: 100px; height: 21px;"
 allowtransparency="true" frameborder="0" scrolling="no"></iframe>
                  </td>
                  <td style="width: 110px;"><a
 href="https://twitter.com/share" class="twitter-share-button">Tweet</a></td>
                  <td style="width: 110px;"><g:plusone
 size="medium"></g:plusone></td>
                  <td style="width: 10px;"></td>
                </tr>
              </tbody>
            </table>
            </td>
            <td style="width: 20px;"></td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 546px; height: 190px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td style="width: 53px;"></td>
            <td
 style="background-image: url(http://prosperityclicks.com/wp-content/uploads/2012/06/optinbg.png); width: 473px; vertical-align: top;">
            <table
 style="text-align: left; width: 473px; height: 190px;"
 border="0" cellpadding="10" cellspacing="0">
              <tbody>
                <tr>
                  <td style="vertical-align: top;"><big><span
 style="font-weight: bold;">Subscribe to ProsperityClicks!</span></big><br>
Signup below to receive news and updates from Robert. You'll be alerted
anytime a new article is posted plus receive exclusive content not
available on the ProsperityClicks.com website.<br>
                  <br>
                  <br>
                  <form method="post"
 action="https://app.icontact.com/icp/signup.php"
 name="icpsignup" id="icpsignup12837"
 accept-charset="UTF-8" onsubmit="return verifyRequired12837();"><input
 name="redirect"
 value="http://www.prosperityclicks.com/subscribe-success/"
 type="hidden"><input name="errorredirect"
 value="http://www.prosperityclicks.com/subscribe-error/"
 type="hidden">
                    <div id="SignUp">
                    <table style="width: 453px; height: 60px;"
 border="0" cellpadding="0" cellspacing="0">
                      <tbody>
                        <tr>
                          <td style="width: 234px;"><input
 size="30" name="fields_fname" value="First Name"></td>
                          <td style="width: 219px;"
 rowspan="2"><input type="image" value="Submit" name="Submit" src="http://prosperityclicks.com/wp-content/uploads/2012/07/instantaccess.png"></td>
                        </tr>
                        <tr>
                          <td style="width: 234px;"><input
 size="30" name="fields_email" value="Email"></td><input type="hidden" name="listid" value="107788">
    <input type="hidden" name="specialid:107788" value="XG6W">

    <input type="hidden" name="clientid" value="951176">
    <input type="hidden" name="formid" value="12837">
    <input type="hidden" name="reallistid" value="1">
    <input type="hidden" name="doubleopt" value="1">
                        </tr>
                      </tbody>
                    </table>
                    </div>
                  </form>
                  <script type="text/javascript">

var icpForm12837 = document.getElementById('icpsignup12837');

if (document.location.protocol === "https:")

    icpForm12837.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired12837() {
  if (icpForm12837["fields_email"].value == "") {
    icpForm12837["fields_email"].focus();
    alert("The Email field is required.");
    return false;
  }


return true;
}
</script>
                  </td>
                </tr>
              </tbody>
            </table>
            </td>
            <td style="width: 20px;"></td>
          </tr>
        </tbody>
      </table>
      <table style="text-align: left; width: 546px; height: 1px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
The live form can be found on this page at the end of the main content: Your “perfect” is possible. Prosperity defined. | Prosperity Clicks

Thanks in advance.
#clicks #execute #form #multiple #requires
  • Profile picture of the author davidsbain
    I am assuming you used icontact to build this code, if so it is best if you check with them as it could be something in the form setup.
    {{ DiscussionBoard.errors[6673301].message }}
    • Profile picture of the author Robert M Gouge
      Originally Posted by davidsbain View Post

      I am assuming you used icontact to build this code, if so it is best if you check with them as it could be something in the form setup.
      I pulled the bits needed from their code and placed it in this one. I talked with support earlier but they didn't seem keen on offering assistance for anything other than their provided code. The default form works fine and if I change the graphic to a submit button it works fine as well.
      {{ DiscussionBoard.errors[6673406].message }}
  • Profile picture of the author jaasmit
    I am not expert in coding but i have some small understanding about web programming language.
    So if you can provide some more information then it would be more helpful.
    {{ DiscussionBoard.errors[6674684].message }}
  • Profile picture of the author davidsbain
    Can you also post the default code ? It would help a lot to be able to see what you have added that could cause the problem
    {{ DiscussionBoard.errors[6675273].message }}
  • Profile picture of the author Robert M Gouge
    This is the default code, same as above except I'm trying to use <button> trigger and still receiving the same error.

    Code:
    <table style="text-align: left;" border="0"
     cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td style="background-image: url(http://prosperityclicks.com/wp-content/uploads/2012/06/bg1.png); height: 314px; width: 546px; vertical-align: top;">
          <table style="text-align: left; width: 546px; height: 45px;" border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
          <table style="text-align: left; width: 546px; height: 71px;"
     border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td style="width: 115px;"></td>
                <td
     style="background-image: url(http://prosperityclicks.com/wp-content/uploads/2012/06/socialbg.png); width: 410px; vertical-align: middle;">
                <table
     style="text-align: left; width: 409px; height: 24px;" border="0"
     cellpadding="0" cellspacing="0">
                  <tbody>
                    <tr>
                      <td style="width: 69px;"></td>
                      <td style="width: 110px; vertical-align: middle;"
     allowtransparency="true" frameborder="0" scrolling="no"><iframe
     src="//www.facebook.com/plugins/like.php?href=%cur_url%&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21&appId=155303851207793"
     style="border: medium none ; overflow: hidden; width: 100px; height: 21px;"
     allowtransparency="true" frameborder="0" scrolling="no"></iframe>
                      </td>
                      <td style="width: 110px;"><a href="https://twitter.com/share" class="twitter-share-button" data-via="RobertMGouge">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs); } }(document,"script","twitter-wjs");</script></td>
                      <td style="width: 110px;"><g:plusone
     size="medium"></g:plusone></td>
                      <td style="width: 10px;"></td>
                    </tr>
                  </tbody>
                </table>
                </td>
                <td style="width: 20px;"></td>
              </tr>
            </tbody>
          </table>
          <table style="text-align: left; width: 546px; height: 190px;"
     border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td style="width: 53px;"></td>
                <td
     style="background-image: url(http://prosperityclicks.com/wp-content/uploads/2012/06/optinbg.png); width: 473px; vertical-align: top;">
                <table
     style="text-align: left; width: 473px; height: 190px;"
     border="0" cellpadding="10" cellspacing="0">
                  <tbody>
                    <tr>
                      <td style="vertical-align: top; height: 125px;"><big><span
     style="font-weight: bold;">Subscribe to ProsperityClicks!</span></big><br>
    Signup below to receive news and updates from Robert. You'll be alerted
    anytime a new article is posted plus receive exclusive content not
    available on the ProsperityClicks.com website.<br><br><BR>
                      <form method="post"
     action="https://app.icontact.com/icp/signup.php"
     name="icpsignup" id="icpsignup12933"
     accept-charset="UTF-8" onsubmit="return verifyRequired12933();"><input
     name="redirect"
     value="http://www.prosperityclicks.com/subscribe-success/"
     type="hidden">
                        <input name="errorredirect"
     value="http://www.prosperityclicks.com/subscribe-error/"
     type="hidden"><input name="listid" value="107788"
     type="hidden"><input name="specialid:107788"
     value="XG6W" type="hidden"><input name="clientid"
     value="951176" type="hidden"><input name="formid"
     value="12933" type="hidden"><input
     name="reallistid" value="1" type="hidden"><input
     name="doubleopt" value="1" type="hidden">
                        <div id="SignUp">
                        <table style="width: 453px; height: 60px;"
     border="0" cellpadding="0" cellspacing="0">
                          <tbody>
                            <tr>
                              <td style="width: 234px;"><input
     size="30" name="fields_fname" value="First Name" /></td>
                              <td style="width: 219px;"
     rowspan="2"><button><img src="http://prosperityclicks.com/wp-content/uploads/2012/07/instantaccess.png"></button>
     </td>
                            </tr>
                            <tr>
                              <td style="width: 234px;"><input
     size="30" name="fields_email" value="Email" /></td>
                            </tr>
                          </tbody>
                        </table>
                        </div>
                      </form>
                      <script type="text/javascript">
    var icpForm12933 = document.getElementById('icpsignup12933');
    if (document.location.protocol === "https:")
    icpForm12933.action = "https://app.icontact.com/icp/signup.php";
    function verifyRequired12933() {
    if (icpForm12933["fields_email"].value == "") {
    icpForm12933["fields_email"].focus();
    alert("The Email field is required.");
    return false;
    }
    if (icpForm12933["fields_fname"].value == "") {
    icpForm12933["fields_fname"].focus();
    alert("The First Name field is required.");
    return false;
    }
    return true;
    }
                      </script>
                      </td>
                    </tr>
                  </tbody>
                </table>
                </td>
                <td style="width: 20px;"></td>
              </tr>
            </tbody>
          </table>
          <table style="text-align: left; width: 546px; height: 1px;"
     border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
              </tr>
            </tbody>
          </table>
          </td>
        </tr>
      </tbody>
    </table>
    Use 'View Source' if you wish to see the page source code, I can't seem to get it to paste properly.
    {{ DiscussionBoard.errors[6676913].message }}
  • Profile picture of the author davidsbain
    sorry I went on holiday. Did you ever work this out or are you still trying to find a solution ?
    {{ DiscussionBoard.errors[6796426].message }}
  • Profile picture of the author MrMonetize
    This is working now isn't it? I can post a comment by clicking once on that button on the form at bottom. I've checked it in 3 browsers.
    {{ DiscussionBoard.errors[6796765].message }}
  • Profile picture of the author Robert M Gouge
    No, I still am getting the same problem.

    I'm now testing a sidebar optin being presented through the optinskin plugin and I'm still requiring two clicks to submit any optin.

    Sigh!
    {{ DiscussionBoard.errors[6850083].message }}
  • Profile picture of the author HostWind
    Robert,

    One clicked worked fine for me as well, and aweber caught my fake email address!
    I would suggest trying a different browser.
    {{ DiscussionBoard.errors[6851898].message }}
  • Profile picture of the author davidsbain
    Robert, I do not see the same problem anymore. I submitted email with one click with the form in the sidebar. Maybe hostwind is correct that previously it was a browser issue as I do not see the same problem anymore. Try clearing your cache and see what happens then or check for any upgrades for your browser
    {{ DiscussionBoard.errors[6851935].message }}

Trending Topics