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

    Help with required field on a drop-down menu

    Asked by SpiritFlight on January 09, 2012 at 08:17 PM

    In the drop down menu associated with the screenshot that I attached. How does one get the 'Required field' option to properly work. When testing the form, if I don't make a selection in the dropdown menu, the form submission process will still complete even though I have made it  'Required'.

    Thanks!

    Below is the code for the dropdown menu in case that is helpful:

     

     <li class="form-line" id="id_19">

            <label class="form-label-left" id="label_19" for="input_19">

              What type of payment would you like to include with your registration?<span class="form-required">*</span>

            </label>

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

              <select class="form-dropdown validate[required]" style="width:150px" id="input_19" name="q19_whatType19">

                <option>  </option>

                <option selected="selected" value="Please Select One"> Please Select One </option>

                <option value="">  </option>

                <option value="July 2012 Cash Payments —"> July 2012 Cash Payments — </option>

                <option value="$500 - Deposit Amount  per person - Dual Occupancy"> $500 - Deposit Amount per person - Dual Occupancy </option>

                <option value="$800 - Deposit Amount  per person - Single Occupancy"> $800 - Deposit Amount per person - Single Occupancy </option>

                <option value="$3500 - Full Cash Payment - Dual Occupancy"> $3500 - Full Cash Payment - Dual Occupancy </option>

                <option value="$4290 - Full Cash Payment - Single Occupancy"> $4290 - Full Cash Payment - Single Occupancy </option>

                <option value="">  </option>

                <option value="July 2012 PayPal Payments —"> July 2012 PayPal Payments — </option>

                <option value="$515 - Deposit Amount per person via PayPal - Dual Occupancy"> $515 - Deposit Amount per person via PayPal - Dual Occupancy </option>

                <option value="$824 - Deposit Amount per person via PayPal - Single Occupancy"> $824 - Deposit Amount per person via PayPal - Single Occupancy </option>

                <option value="$3605 - Full payment via PayPal - Dual Occupancy"> $3605 - Full payment via PayPal - Dual Occupancy </option>

                <option value="$4418 - Full payment via PayPal - Single Occupancy"> $4418 - Full payment via PayPal - Single Occupancy </option>

                <option value="">  </option>

                <option value="September 2012 Cash Payments —"> September 2012 Cash Payments — </option>

                <option value="$500 - Deposit Amount  per person - Dual Occupancy"> $500 - Deposit Amount per person - Dual Occupancy </option>

                <option value="$800 - Deposit Amount  per person - Single Occupancy"> $800 - Deposit Amount per person - Single Occupancy </option>

                <option value="$3500 - Full Cash Payment - Dual Occupancy"> $3500 - Full Cash Payment - Dual Occupancy </option>

                <option value="$3350 - Full Cash Payment - Dual Occupancy - Early Bird Discount (Prior to MAR 18, 2012)"> $3350 - Full Cash Payment - Dual Occupancy - Early Bird Discount (Prior to MAR 18, 2012) </option>

                <option value="$4290 - Full Cash Payment - Single Occupancy"> $4290 - Full Cash Payment - Single Occupancy </option>

                <option value="$4140 - Full Cash Payment - Single Occupancy - Early Bird Discount (Prior to MAR 18, 2012)"> $4140 - Full Cash Payment - Single Occupancy - Early Bird Discount (Prior to MAR 18, 2012) </option>

                <option value="">  </option>

                <option value="September 2012 PayPal Payments —"> September 2012 PayPal Payments — </option>

                <option value="$515 - Deposit Amount per person via PayPal - Dual Occupancy"> $515 - Deposit Amount per person via PayPal - Dual Occupancy </option>

                <option value="$824 - Deposit Amount per person via PayPal - Single Occupancy"> $824 - Deposit Amount per person via PayPal - Single Occupancy </option>

                <option value="$3605 - Full payment via PayPal - Dual Occupancy"> $3605 - Full payment via PayPal - Dual Occupancy </option>

                <option value="$3455 - Full payment via PayPal - Dual Occupancy - Early Bird Discount (Prior to MAR 18, 2012)"> $3455 - Full payment via PayPal - Dual Occupancy - Early Bird Discount (Prior to MAR 18, 2012) </option>

                <option value="$4418 - Full payment via PayPal - Single Occupancy"> $4418 - Full payment via PayPal - Single Occupancy </option>

                <option value="$4268 - Full payment via PayPal - Single Occupancy - Early Bird Discount (Prior to MAR 18, 2012)"> $4268 - Full payment via PayPal - Single Occupancy - Early Bird Discount (Prior to MAR 18, 2012) </option>

                <option value="">  </option>

                <option value="Other Payment Amount / Method"> Other Payment Amount / Method </option>

              </select>

            </div>

          </li>

    Page URL:
    https://sacredperuadventures.com/programs/registration_form.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on January 09, 2012 at 09:22 PM

    Hi,

    Base on your screenshot, there's already selected value on your Dropdown which is "Please Select One" that's why it won't ask anymore when you submits the form. Please take note that "Please Select One" is counted as value and not a hint word. To fix that, simply remove that line and leave the Dropdown unselected. Then use the Hover Text Tool for your field description. Please check the screen below:

    I hope you find this information helpful. Please let us know if you have further questions. Thank you for using JotForm and have a great day!

  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 09, 2012 at 09:39 PM

    I concur with my colleague's answer. Just a quick reminder : since you're using source codes, re-generate your form source codes and re-embed them after applying the changes proposed by idarktech.

  • Profile Image

    Answered by SpiritFlight on January 09, 2012 at 10:06 PM

    That did the trick! Thanks Sooo Much!