Form Not Submitting - A little advice would be greatly appreciated

by jleavitt13 6 replies
Hello Warriors,

I am testing a pop-over form on a website that I am working on and the form on the pop-over is not submitting, the submit button does not seem to be doing anything I can't quite figure it out. I was wondering if you could take a quick peek at it and let me know if you see any obvios issues with it.

Thank you!

Form is here: Test Pop-Over | How to Manifest Reality

The form works when I paste the code for it into a page on its own, but within the pop-over template it fails.
#programming #advice #appreciated #form #greatly #submitting
Avatar of Unregistered
  • Profile picture of the author jtchaschowy
    I do not even see this popup.

    Tested on both chrome and firefox.
    {{ DiscussionBoard.errors[8093398].message }}
    • Profile picture of the author jleavitt13
      Well thank you for looking. not sure what is causing that... its showing for me in all browsers in private browsing sessions. hmmmm
      {{ DiscussionBoard.errors[8093409].message }}
  • Profile picture of the author FirstSocialApps
    Had a look at your form in Firebug. Its hard to read on the source though since its in a JS line so its all one one text line and escaped all over the place. If you could post just the form code Id be glad to have a closer look.
    {{ DiscussionBoard.errors[8093451].message }}
    • Profile picture of the author jleavitt13
      Below is the form code, however on its on it seem to work just fine. Its just when I put it in the pop-over that it will not submit. I am using pop-up domination pluggin for WordPress and just directly editing a template file, and placing this code in there.

      <!-- FORM STARTS HERE-->
      <form class="moonray-form-clearfix" action="https://forms.moon-ray.com/v2.4/form_processor.php?" method="post" accept-charset="UTF-8">

      <div style="margin-bottom:25px;">
      <div style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-bottom:10px;">Enter Your First Name</div>
      <input style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 14px;color: #818181;font-family: 'Droid Sans', sans-serif;background: #ffffff !important;border: 1px solid #969595;padding: 9px 15px !important;width: 238px; line-height:18px; -moz-box-shadow: inset 0 0 10px #000000;
      -webkit-box-shadow: inset 0 0 2px #000000;
      box-shadow: inset 0 0 2px #000000;" name="firstname" class="moonray-form-input" type="text" id="mr-field-element-286510400686" required value placeholder="First Name..."/>
      </div>

      <div style="margin-bottom:25px;">
      <div style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-bottom:10px;">Enter Your Email Address</div>
      <input style="-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 14px;color: #818181;font-family: 'Droid Sans', sans-serif;background: #ffffff !important;border: 1px solid #969595;padding: 9px 15px !important;width: 238px; line-height:18px; -moz-box-shadow: inset 0 0 10px #000000;
      -webkit-box-shadow: inset 0 0 2px #000000;
      box-shadow: inset 0 0 2px #000000;"name="email" class="moonray-form-input" type="text" id="mr-field-element-238961548777" required value placeholder="Enter your email here..."/>
      </div>

      <div style="">
      <input type="submit" name="submit-button" value="GET INSTANT ACCESS NOW!" class="moonray-form-input" id="mr-field-element-278266991488" src placeholder data-lastDisplayVal="https://www1.moon-ray.com/designer_files/2/8021/images/1353027491.png"/>
      </div>

      <input style="display:none;" name="LeadHint_219" class="moonray-form-input" type="text" id="mr-field-element-216925692278"/>

      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="afft_" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="aff_" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="sess_" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="ref_" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="own_" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="oprid" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="contact_id" type="hidden" value/></div>
      <div class="moonray-form-element-wrapper moonray-form-input-type-hidden"><input name="uid" type="hidden" value="p2c8021f194"/></div>

      </form>
      </div>
      <!-- FORM ENDS HERE-->
      {{ DiscussionBoard.errors[8093457].message }}
  • Profile picture of the author Michael71
    You can delete src and placeholder from

    <input type="submit" name="submit-button" value="GET INSTANT ACCESS NOW!" class="moonray-form-input" id="mr-field-element-278266991488" src placeholder data-lastDisplayVal="https://www1.moon-ray.com/designer_files/2/8021/images/1353027491.png"/>
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[8093780].message }}
  • Profile picture of the author FirstSocialApps
    There is a lot of 'fluf' in that code. If I were you I would try to break it down ti is essentials and see if it works then.
    {{ DiscussionBoard.errors[8094621].message }}
Avatar of Unregistered

Trending Topics