Hi,I remember after using the wizard to create the form, if I entered any text in a required form and then deleted it and switched to another form, I'd get a message saying that form is required. For some reason now, none of the required forms are giving the message and the form can be submitted without filling out anything. My enable validation is on. This is the code I used.Here's the form link Register to download the Benefits of the Super SBB HA Cluster Case Study First Name * Last Name * Company * Title * E-Mail Address * Phone # * Street Address City State Zip Code Are you interested in an Evaluation? Choose Option Yes No Are you interested in becoming a reseller? Choose Option Yes No Storage Capacity needs for next 12 months? Do you want to be added to the newsletter? Yes * Required

ChronoForms v8 is now WordPress ready, ChronoMails is out

Forums

Form Fields Not Validating

av

avneet 22 Aug, 2011

Hi,

I remember after using the wizard to create the form, if I entered any text in a required form and then deleted it and switched to another form, I'd get a message saying that form is required. For some reason now, none of the required forms are giving the message and the form can be submitted without filling out anything. My enable validation is on. This is the code I used.

Here's the form link

<div class="form_item">
  <div class="form_element cf_heading">
    <p  class="cf_text" style="text-align: center;" mce_style="text-align: center;"><span style="color: rgb(255, 102, 0);" mce_style="color: #ff6600;"><span style="font-size: medium;" mce_style="font-size: medium;"><b>Register to download the <br />Benefits of the Super SBB HA Cluster Case Study</b></span></span></p>
  </div>
  <div class="cfclear"> </div>
</div>
<table>
<tbody>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">First Name *</label>
<div>
    <input class="cf_inputbox required" maxlength="150" size="14" title="" id="text_2" name="text_2" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Last Name *</label>
<div>
    <input class="cf_inputbox required" maxlength="150" size="14" title="" id="text_12" name="text_12" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Company *</label>
<div>
    <input class="cf_inputbox required" maxlength="150" size="14" title="Company" id="text_15" name="text_15" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Title *</label>
<div>
    <input class="cf_inputbox required" maxlength="150" size="14" title="Title" id="text_16" name="text_16" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>

</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">E-Mail Address *</label>
<div>
    <input class="cf_inputbox required validate-email" maxlength="150" size="14" title="E-Mail Address" id="text_14" name="text_14" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Phone # *</label>
<div>
    <input class="cf_inputbox required" maxlength="150" size="14" title="Phone #" id="text_17" name="text_17" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>

</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Street Address</label>
<div>
    <input class="cf_inputbox" maxlength="150" size="14" title="Street Address" id="text_18" name="text_18" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
  </div>
</td>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">City</label>
<div>
    <input class="cf_inputbox" maxlength="150" size="14" title="City" id="text_24" name="text_24" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
  </div>
</td>

</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">State</label>
<div>
    <input class="cf_inputbox" maxlength="150" size="14" title="State" id="text_25" name="text_25" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
  </div>
</td>

<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Zip Code</label>
<div>
    <input class="cf_inputbox" maxlength="150" size="14" title="Zip Code" id="text_26" name="text_26" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Are you interested in an Evaluation?</label>
<div>
    <select class="cf_inputbox" id="select_20" size="1" title="Interested in Eval?"  name="select_20">
    <option value="">Choose Option</option>
      <option value="Yes">Yes</option>
<option value="No">No</option>

    </select>
</div>
    
  </div>
  <div class="cfclear"> </div>
</div>
</td>
<td align="left">
<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Are you interested in becoming a reseller?</label>
<div>
    <select class="cf_inputbox" id="select_21" size="1" title="Interested in Reselling?"  name="select_21">
    <option value="">Choose Option</option>
      <option value="Yes">Yes</option>
<option value="No">No</option>

    </select>
</div>
    
  </div>
  <div class="cfclear"> </div>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Storage Capacity needs for next 12 months?</label>
<div>
    <input class="cf_inputbox" maxlength="150" size="14" title="Storage needs 12 months" id="text_23" name="text_23" type="text" />
</div>
  
  </div>
  <div class="cfclear"> </div>
</div>
</td>
<td align="left">
<div class="form_item">
  <div class="form_element cf_checkbox">
    <label class="cf_label" style="width: 150px;">Do you want to be added to the newsletter?</label>
    <div class="float_left">
      <input value="Yes" title="Yes Newsletter" class="radio" id="check00" name="check00" type="checkbox" />
      <label for="check00" class="check_label">Yes</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_25" type="submit" />
  </div>
  <div class="cfclear"> </div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">* Required  </span> </div>
  <div class="cfclear"> </div>
</div>

Gr

GreyHead 22 Aug, 2011

Hi avneet,

Your site is using MooTools 1.2; ChronoForms v3 requires the standard 1.12

Bob

av

avneet 22 Aug, 2011

Is there any reason why the form validation worked before and just stopped now?

Thank You,

I will talk to our IT about downgrading it.

Gr

GreyHead 22 Aug, 2011

Hi avneet,

Probably a template upgrade or a new extention installed, though 1.2 is fairly uncommon. Joomla! went straight to 1.2.5 (and then 1.3 with Joomla! 1.6/1.7).

Bob

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

VPS & Email Hosting 20% discount