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

    When i upload the form - the hidden fields are not hidden

    Asked by carolinasuccessteam on April 03, 2016 at 05:47 PM

     

     

     

     

     

     

     

     

     

     

     

     

     

    <form class="jotform-form" action="https://submit.jotform.us/submit/60935279657167/" method="post" name="form_60935279657167" id="60935279657167" accept-charset="utf-8">

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

      <div class="form-all">

        <ul class="form-section page-section">

          <li class="form-line always-hidden jf-required allowTime" data-type="control_datetime" id="id_15">

            <label class="form-label form-label-left form-label-auto" id="label_15" for="input_15">

              DateTime Current

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_15" class="form-input always-hidden jf-required">

              <span class="form-sub-label-container" style="vertical-align: top">

                <input readonly="readonly" tabindex=-1 class="form-textbox validate[required]" id="month_15" name="q15_datetimeCurrent[month]" type="tel" size="2" maxlength="2" value="04" />

                <span class="date-separate">

                  &nbsp;/

                </span>

                <label class="form-sub-label" for="month_15" id="sublabel_month" style="min-height: 13px;"> Month </label>

              </span>

              <span class="form-sub-label-container" style="vertical-align: top">

                <input readonly="readonly" tabindex=-1 class="currentDate form-textbox validate[required]" id="day_15" name="q15_datetimeCurrent[day]" type="tel" size="2" maxlength="2" value="03" />

                <span class="date-separate">

                  &nbsp;/

                </span>

                <label class="form-sub-label" for="day_15" id="sublabel_day" style="min-height: 13px;"> Day </label>

              </span>

              <span class="form-sub-label-container" style="vertical-align: top">

                <input readonly="readonly" tabindex=-1 class="form-textbox validate[required]" id="year_15" name="q15_datetimeCurrent[year]" type="tel" size="4" maxlength="4" value="2016" />

                <label class="form-sub-label" for="year_15" id="sublabel_year" style="min-height: 13px;"> Year </label>

              </span>

              <span style='white-space: nowrap; display: inline-block;' class='allowTime-container'>

                <span class="form-sub-label-container" style="vertical-align: top">

                  <div id="at_15">

                    at

                  </div>

                  <label class="form-sub-label" for="at_15" style="min-height: 13px;">  </label>

                </span>

                <span class="form-sub-label-container" style="vertical-align: top">

                  <select disabled class="currentTime time-dropdown form-dropdown validate[required]" id="hour_15" name="q15_datetimeCurrent[hour]">

                    <option>  </option>

                    <option value="1"> 1 </option>

                    <option value="2"> 2 </option>

                    <option value="3"> 3 </option>

                    <option value="4"> 4 </option>

                    <option selected="selected" value="5"> 5 </option>

                    <option value="6"> 6 </option>

                    <option value="7"> 7 </option>

                    <option value="8"> 8 </option>

                    <option value="9"> 9 </option>

                    <option value="10"> 10 </option>

                    <option value="11"> 11 </option>

                    <option value="12"> 12 </option>

                  </select>

                  <span class="date-separate">

                    &nbsp;:

                  </span>

                  <label class="form-sub-label" for="hour_15" id="sublabel_hour" style="min-height: 13px;"> Hour </label>

                </span>

                <span class="form-sub-label-container" style="vertical-align: top">

                  <select disabled class="time-dropdown form-dropdown validate[required]" id="min_15" name="q15_datetimeCurrent[min]">

                    <option>  </option>

                    <option value="00"> 00 </option>

                    <option value="01"> 01 </option>

                    <option value="02"> 02 </option>

                    <option value="03"> 03 </option>

                    <option value="04"> 04 </option>

                    <option value="05"> 05 </option>

                    <option value="06"> 06 </option>

                    <option value="07"> 07 </option>

                    <option value="08"> 08 </option>

                    <option value="09"> 09 </option>

                    <option value="10"> 10 </option>

                    <option value="11"> 11 </option>

                    <option value="12"> 12 </option>

                    <option value="13"> 13 </option>

                    <option value="14"> 14 </option>

                    <option value="15"> 15 </option>

                    <option value="16"> 16 </option>

                    <option value="17"> 17 </option>

                    <option value="18"> 18 </option>

                    <option value="19"> 19 </option>

                    <option value="20"> 20 </option>

                    <option value="21"> 21 </option>

                    <option value="22"> 22 </option>

                    <option value="23"> 23 </option>

                    <option value="24"> 24 </option>

                    <option value="25"> 25 </option>

                    <option value="26"> 26 </option>

                    <option value="27"> 27 </option>

                    <option value="28"> 28 </option>

                    <option value="29"> 29 </option>

                    <option value="30"> 30 </option>

                    <option value="31"> 31 </option>

                    <option value="32"> 32 </option>

                    <option value="33"> 33 </option>

                    <option value="34"> 34 </option>

                    <option value="35"> 35 </option>

                    <option value="36"> 36 </option>

                    <option value="37"> 37 </option>

                    <option value="38"> 38 </option>

                    <option selected="selected" value="39"> 39 </option>

                    <option value="40"> 40 </option>

                    <option value="41"> 41 </option>

                    <option value="42"> 42 </option>

                    <option value="43"> 43 </option>

                    <option value="44"> 44 </option>

                    <option value="45"> 45 </option>

                    <option value="46"> 46 </option>

                    <option value="47"> 47 </option>

                    <option value="48"> 48 </option>

                    <option value="49"> 49 </option>

                    <option value="50"> 50 </option>

                    <option value="51"> 51 </option>

                    <option value="52"> 52 </option>

                    <option value="53"> 53 </option>

                    <option value="54"> 54 </option>

                    <option value="55"> 55 </option>

                    <option value="56"> 56 </option>

                    <option value="57"> 57 </option>

                    <option value="58"> 58 </option>

                    <option value="59"> 59 </option>

                  </select>

                  <label class="form-sub-label" for="min_15" id="sublabel_minutes" style="min-height: 13px;"> Minutes </label>

                </span>

                <span class="form-sub-label-container" style="vertical-align: top">

                  <select disabled class="time-dropdown form-dropdown validate[required]" id="ampm_15" name="q15_datetimeCurrent[ampm]">

                    <option value="AM"> AM </option>

                    <option selected="selected" value="PM"> PM </option>

                  </select>

                  <label class="form-sub-label" for="ampm_15" style="min-height: 13px;">  </label>

                </span>

              </span>

            </div>

          </li>

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

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

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

              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_7" name="q7_name" size="20" value="" />

            </div>

          </li>

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

            <label class="form-label form-label-left form-label-auto" id="label_3" for="input_3"> E-mail </label>

            <div id="cid_3" class="form-input jf-required">

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

            </div>

          </li>

          <li class="form-line" data-type="control_phone" id="id_6">

            <label class="form-label form-label-left form-label-auto" id="label_6" for="input_6"> Phone Number </label>

            <div id="cid_6" class="form-input jf-required">

              <span class="form-sub-label-container" style="vertical-align: top">

                <input data-type="mask-number" masked="true" placeholder="" class="mask-phone-number form-textbox" type="tel" name="q6_phoneNumber[full]" id="input_6_full" autocomplete="off">

                <label class="form-sub-label" for="input_6_full" style="min-height: 13px;">  </label>

              </span>

            </div>

          </li>

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

            <label class="form-label form-label-left form-label-auto" id="label_4" for="input_4"> Message </label>

            <div id="cid_4" class="form-input jf-required">

              <input type="text" class=" form-textbox" data-type="input-textbox" id="input_4" name="q4_message" size="20" value="" />

            </div>

          </li>

          <li class="form-line" data-type="control_dropdown" id="id_5">

            <label class="form-label form-label-left form-label-auto" id="label_5" for="input_5"> Best Time To Call </label>

            <div id="cid_5" class="form-input jf-required">

              <select class="form-dropdown" style="width:150px" id="input_5" name="q5_bestTime">

                <option value="">  </option>

                <option value="ASAP"> ASAP </option>

                <option value="Today"> Today </option>

                <option value="Tomorrow"> Tomorrow </option>

              </select>

            </div>

          </li>

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

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

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

              <div style="width:100%; text-align:Left;">

                <iframe onload="widgetFrameLoaded(9)" frameborder="0" scrolling="no" allowTransparency="true" data-type="iframe" class="custom-field-frame" id="customFieldFrame_9" src="" style="border:none;width:400px;height:35px;" data-width="400" data-height="35">

                </iframe>

                <div class="widget-inputs-wrapper">

                  <input id="input_9" class="form-hidden form-widget  " type="hidden" name="q9_clickTo9" value="" />

                  <input id="widget_settings_9" class="form-hidden form-widget-settings" type="hidden" value="%5B%7B%22name%22%3A%22inputBox%22%2C%22value%22%3A%22Hide%22%7D%2C%7B%22name%22%3A%22outputDetails%22%2C%22value%22%3A%22IP%2CCountry%2CRegion%2CCity%2CZip%20Code%2CTimezone%2CISP%2COrganization%2CAS%20number%2Fname%22%7D%5D" data-version="2" />

                </div>

                

              </div>

            </div>

          </li>

          <li class="form-line" data-type="control_widget" id="id_14">

            <label class="form-label form-label-left form-label-auto" id="label_14" for="input_14">  </label>

            <div id="cid_14" class="form-input jf-required">

              <div style="width:100%; text-align:Left;">

                <iframe onload="widgetFrameLoaded(14)" frameborder="0" scrolling="no" allowTransparency="true" data-type="iframe" class="custom-field-frame" id="customFieldFrame_14" src="" style="border:none;width:400px;height:35px;" data-width="400" data-height="35">

                </iframe>

                <div class="widget-inputs-wrapper">

                  <input id="input_14" class="form-hidden form-widget  " type="hidden" name="q14_clickTo14" value="" />

                  <input id="widget_settings_14" class="form-hidden form-widget-settings" type="hidden" value="%5B%7B%22name%22%3A%22inputBox%22%2C%22value%22%3A%22Hide%22%7D%2C%7B%22name%22%3A%22outputDetails%22%2C%22value%22%3A%22IP%2CCountry%2CRegion%2CCity%2CZip%20Code%2CTimezone%2CISP%2COrganization%2CAS%20number%2Fname%22%7D%5D" data-version="2" />

                </div>

                

              </div>

            </div>

          </li>

          <li class="form-line" data-type="control_widget" id="id_10">

            <div id="cid_10" class=" jf-required">

              <div style="width:100%; text-align:Left;">

                <div class="direct-embed-widgets" data-type="direct-embed " style="width:1px;height: 50px;">

                  <div class="get-parent-url-widget">

                    <input type="hidden" id="input_10" name="q10_clickTo10" class="form-hidden getParentURL">

                    

                  </div>

                </div>

              </div>

            </div>

          </li>

          <li class="form-line" data-type="control_widget" id="id_12">

            <div id="cid_12" class=" jf-required">

              <div style="width:100%; text-align:Left;">

                <div class="direct-embed-widgets" data-type="direct-embed " style="width:50px;height: 50px;">

                  <input type="hidden" id="input_12" name="q12_clickTo12" class="form-hidden getRef">

                  

                </div>

              </div>

            </div>

          </li>

          <li class="form-line" data-type="control_widget" id="id_13">

            <div id="cid_13" class=" jf-required">

              <div style="width:100%; text-align:Left;">

                <div class="direct-embed-widgets" data-type="direct-embed " style="width:50px;height: 50px;">

                  <div class="google_analytics_widget">

                    

                    

                  </div>

                </div>

              </div>

            </div>

          </li>

          <li class="form-line" data-type="control_widget" id="id_16">

            <label class="form-label form-label-left form-label-auto" id="label_16" for="input_16"> Get Visitor Location </label>

            <div id="cid_16" class="form-input jf-required">

              <div style="width:100%; text-align:Left;">

                <iframe onload="widgetFrameLoaded(16)" frameborder="0" scrolling="no" allowTransparency="true" data-type="iframe" class="custom-field-frame" id="customFieldFrame_16" src="" style="border:none;width:400px;height:35px;" data-width="400" data-height="35">

                </iframe>

                <div class="widget-inputs-wrapper">

                  <input id="input_16" class="form-hidden form-widget  " type="hidden" name="q16_getVisitor" value="" />

                  <input id="widget_settings_16" class="form-hidden form-widget-settings" type="hidden" value="%5B%7B%22name%22%3A%22inputBox%22%2C%22value%22%3A%22Hide%22%7D%2C%7B%22name%22%3A%22outputDetails%22%2C%22value%22%3A%22IP%2CCountry%2CCountry%20code%2CRegion%2CCity%2CZip%20Code%2CTimezone%2CISP%2COrganization%2CAS%20number%2Fname%22%7D%5D" data-version="2" />

                </div>

                

              </div>

            </div>

          </li>

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

            <div id="cid_8" class=" jf-required">

              <div style="width:100%; text-align:Left;">

                <div class="direct-embed-widgets" data-type="direct-embed " style="width:1px;height: 1px;">

                  

                </div>

              </div>

            </div>

          </li>

            </ul>

      </div>

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

      

      

    </form>

     

     

     

     

    Page URL:
    itsthebluescheduleacallbuttonthatopensupalightbox-onmyhomepage-dev.car<br/>olinasuccessteam.com

    Screenshot
    hidden form class JotForm style size POST
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 03, 2016 at 06:12 PM

    When I click the blue button, it opens a lightbox but the form is not from JotForm. Can you please provide us a test page so we can so we can inspect the problem in our browser? 

    Since that's a styling problem, there might be existing CSS codes on your website that is interrupting the form. Take note that you are embedding the form using its full source code, so any existing form styles or scripts in your site may possibly interrupt or conflict with the form.

    We'll await your reply.

  • Profile Image

    Answered by carolinasuccessteam on April 03, 2016 at 07:45 PM
    I just did a quick fix . thanks.
    Make it an awesome day,
    Samantha Lee, Realtor®
    *Real Estate Broker **Lic. NY & SC*
    *The Carolina Success Team*
    Direct: 864.214.0311
    Office: 864.396.2668
    www.CarolinaSuccessTeam.com
    P.S. Drowning in email? I use SaneBox to instantly clean up my Inbox:
    http://sanebox.com/t/a8orp
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 03, 2016 at 09:20 PM

    Hello Samantha,

    I am glad to know that you fixed the issue yourself.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by Samantha Lee on April 03, 2016 at 09:58 PM

    hey Ashwin,

     

    since you asked, I can't get rid of the captcha.. After I hit entering get a captcha page before I get the welcome page.. Thanks!

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 03, 2016 at 10:04 PM

    Hello Samantha,

    Since we cannot answer multiple questions in one thread, I have moved your question to a new thread and you will be answered here:  https://www.jotform.com/answers/809463 

    Thank you!