Sign Up for Free

Login
Sign Up for Free

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

carolinasuccessteam

Asked on April 3, 2016 at 5: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">

 /

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

 /

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

 :

</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 onDISABLEDload="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 onDISABLEDload="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 onDISABLEDload="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>
Elton Support Team Lead

Replied on April 3, 2016 at 6: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.
carolinasuccessteam

Replied on April 3, 2016 at 7: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
...
Ashwin JotForm Support

Replied on April 3, 2016 at 9: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!
Samantha Lee

Replied on April 3, 2016 at 9: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!
Ashwin JotForm Support

Replied on April 3, 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!