Forums

Dropdown as Required Field not working.

muggslab 04 Nov, 2010
Hi there,
I have used the form wizard to create this form. I have also enabled email verification.
The problem with it is that, the required validation for the dropdown box is not working. Even if I do not select a conference from the dropdown box, my form submission will still go through and I will receive an email verification.

What is wrong with the code? Or have I missed a step ?

<input value="Education Technology Summit" id="hidden_7" name="conference" type="hidden" />

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">First Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_2" name="fname" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Last Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_4" name="lname" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Job Title</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_5" name="title" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Company Name</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_6" name="company" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Telephone</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_6" name="telephone" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Email Address</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_7" name="email" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Access materials from:</label>
    <select class="cf_inputbox validate-selection" id="select_8" size="1" title=""  name="cid">
    <option value="">Choose Past Conference</option>
      <option value="Digital Signage Technology Summit">Digital Signage Technology Summit</option>
<option value="Emergency Disaster Planning for Schools">Emergency Disaster Planning for Schools</option>

    </select>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_8" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>
GreyHead 04 Nov, 2010
Hi muggslab,

Do you have "Load Chronoforms CSS/JS Files?" set to Yes on the form General Tab?

Bob
muggslab 04 Nov, 2010
Hi Bob
Yes, the option is set to Yes.
GreyHead 04 Nov, 2010
Hi muggslab,

Odd, it works OK here.

Please post a link to the form so we can take a quick look.

Bob
This topic is locked and no more replies can be posted.