Button Stopped Working

  • Profile Image
    dermahut
    Asked on March 20, 2015 at 04:41 PM

    Hi...using a simple sign-up form w/button on our website and the button stopped working. Not sure when or why but was just notified today. It looks like we have a huge gap in submissions between the end of January and now. The button appears to work in the preview on jotform, but does not work on the website. See footer here: www.dermahut.com.

    This is the code used. I deleted what's on the website and re-created the code as well today and it still doesn't work. Please advise how to correct his problem.

    <div id="signup"><center><script src="//max.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>

    <script src="//max.jotfor.ms/static/jotform.forms.js?3.2.3862" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.init(function(){

          $('input_9').hint('Full Name');

          $('input_7').hint('Email Address');

          JotForm.highlightInputs = false;

       });

    </script>

    <link target="_blank" href="http://max.jotfor.ms/static/formCss.css?3.2.3862" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <link type="text/css" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/styles/nova.css?3.2.3862" rel="nofollow noopener" />

    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="http://max.jotfor.ms/css/printForm.css?3.2.3862" rel="nofollow noopener" />

    <style type="text/css">

        .form-label-left{

            width:150px !important;

            margin-bottom: -10px;

        }

        .form-line{

            padding-top:1px;

            padding-bottom:1px;

          margin-bottom: 3px;

        }

        .form-label-right{

            width:150px !important;

        }

        .form-all{

            width:400px;

            color:#06b7cf !important;

            font-family:'Lato';

            font-size:14px;

    margin-top:-10px;

        }

        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{

            color: #06b7cf !important;

        }

     

       /* Injected CSS Code */

    .form-submit-button { font:regular !important; background:#06b7cf !important; color:#ffffff !important; text-shadow:none !important; border:none !important; box-shadow:none !important;

      margin-top:-1px; margin-bottom:-2px;} 

      .form-submit-button:hover { background:#ff9999 !important; color:#ffffff !important; text-shadow:none !important; border:none !important; box-shadow:none !important; }

        /* Injected CSS Code */

    </style>

     

    <link type="text/css" rel="stylesheet" target="_blank" href="http://jotform.us/css/styles/buttons/form-submit-button-blue.css?3.2.3862" rel="nofollow noopener"/>

    <form class="jotform-form" action="http://submit.jotform.us/submit/42748127496162/" method="post" name="form_42748127496162" id="42748127496162" accept-charset="utf-8">

      <input type="hidden" name="formID" value="42748127496162" />

      <div class="form-all">

        <ul class="form-section">

          <li class="form-line" data-type="control_textbox" id="id_9">

            <label class="form-label form-label-left" id="label_9" for="input_9">  </label>

            <div id="cid_9" class="form-input">

              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_9" name="q9_input9" size="30" value="" />

            </div>

          </li>

          <li class="form-line" data-type="control_email" id="id_7">

            <label class="form-label form-label-left" id="label_7" for="input_7">  </label>

            <div id="cid_7" class="form-input">

              <input type="email" class=" form-textbox validate[Email]" id="input_7" name="q7_input7" size="30" value="" />

            </div>

          </li>

          <li class="form-line" data-type="control_button" id="id_8">

            <div id="cid_8" class="form-input-wide">

              <div style="text-align:center" class="form-buttons-wrapper">

                <button id="input_8" type="submit" class="form-submit-button form-submit-button-blue">

                  Sign-Up for Exclusive Offers

                </button>

              </div>

            </div>

          </li>

          <li style="display:none">

            Should be Empty:

            <input type="text" name="website" value="" />

          </li>

        </ul>

      </div>

      <input type="hidden" id="simple_spc" name="simple_spc" value="42748127496162" />

      <script type="text/javascript">

      document.getElementById("si" + "mple" + "_spc").value = "42748127496162-42748127496162";

      </script>

    </form></center>

     

  • Profile Image
    david
    Answered on March 20, 2015 at 07:03 PM

    Hi,

    Rather than using the source code to embed your form, if possible try using the iFrame embed method instead:

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    If the form works on JotForm in the preview but not in your site, there may be a conflict between one of the scripts running in your site and the scripts for the form.

    If this still does not allow your form to work correctly embedded, let us know and we will be happy to have another look.