What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Button Stopped Working

    Asked by dermahut 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" 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" />

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

    <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"/>

    <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>

     

    Page URL:
    www.dermahut.com

    stopped working Submissions form class JotForm checkbox problem
  • Profile Image
    JotForm Support

    Answered by david 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.