Form requires multiple clicks to execute?

by Robert M Gouge

Posted: 14 years ago 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

davidsbain 14 years ago

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.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[6673301].message }}
- Robert M Gouge 14 years ago
  
  Originally Posted by 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.
  
  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.
  
  Thanks
  
  {{ DiscussionBoard.errors[6673406].message }}
jaasmit 14 years ago

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.
- Thanks
{{ DiscussionBoard.errors[6674684].message }}
davidsbain 14 years ago

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
- Thanks
{{ DiscussionBoard.errors[6675273].message }}

Robert M Gouge

14 years ago

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.

Thanks

{{ DiscussionBoard.errors[6676913].message }}

davidsbain 14 years ago

sorry I went on holiday. Did you ever work this out or are you still trying to find a solution ?
- Thanks
{{ DiscussionBoard.errors[6796426].message }}
MrMonetize 14 years ago

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.
- Thanks
{{ DiscussionBoard.errors[6796765].message }}
Robert M Gouge 14 years ago

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!
- Thanks
{{ DiscussionBoard.errors[6850083].message }}
HostWind 14 years ago

Robert,

One clicked worked fine for me as well, and aweber caught my fake email address!
I would suggest trying a different browser.
- Thanks
Signature
HostWinds
Inexpensive Web Hosting
Unlimited Web Hosting
{{ DiscussionBoard.errors[6851898].message }}
davidsbain 14 years ago

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
- Thanks
{{ DiscussionBoard.errors[6851935].message }}

Form requires multiple clicks to execute?

Trending Topics

How many members are here from Karachi?

I am new here

What Picks You Up?

Hey, glad to be joining warriorforum

New Members Introduction