Forums

Please write a review for the extension you are using on the Joomla extensions directory before posting a new question as we are being spammed by many negative reviews.

Thank you for your support!

Form Validation

rp
rps1969 16 May, 2010
Hi All

Totally new to Chronoforms and require a bit of help with regards validation.
Now my issue is as follows. Image verification works fine on submitting a form, however if the rest of the questions are left blank if the user does not fill them in, even when setting up the contact form I selected “required” to those parts.

Can someone point out where it is I’m going wrong?

My code is as follows....

<div class="form_item_head" id="container">
  <div id="navbar">
  <!--Start of radio buttons-->
  <div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label_head">New website for a new company</label>
    <div class="float_left">
      <input value="New website for a new company" title="" class="radio validate-one-required" id="radio00" name="radio0" type="radio" />
      <label for="radio00" class="radio_label">New website for a new company</label>
      <br />
      
<input value="New website for an existing company" title="" class="radio validate-one-required" id="radio01" name="radio0" type="radio" />
      <label for="radio01" class="radio_label">New website for an existing company</label>
      <br />
      
<input value="Replacement of an existing site" title="" class="radio validate-one-required" id="radio02" name="radio0" type="radio" />
      <label for="radio02" class="radio_label">Replacement of an existing site</label>
      <br />
      
<input value="Other (please specify below):" title="" class="radio validate-one-required" id="radio03" name="radio0" type="radio" />
      <label for="radio03" class="radio_label">Other (please specify below):</label>
      <br /><textarea class="cf_inputbox" rows="3" id="text_2" title="" cols="30" name="text_2"></textarea>
      
 
    </div>
    
  </div>
  <div class="cfclear"> </div>
</div></div>
<!--Finish of radio buttons-->
 
  <div id="content">
  
   <!--Start of radio buttons-->
  <div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label_head" style="width: 250px;">What type of website would you like?</label>
    <div class="float_left">
      <input value="A simple 'brochure style' website" title="" class="radio validate-one-required" id="radio10" name="radio1" type="radio" />
      <label for="radio10" class="radio_label">A simple 'brochure style' website</label>
      <br />
      
<input value="A site that allows you to upload/edit your content at will" title="" class="radio validate-one-required" id="radio11" name="radio1" type="radio" />
      <label for="radio11" class="radio_label">A site that allows you to upload/edit your content at will</label>
      <br />
      
<input value="An eCommerce website (i.e. online shop)" title="" class="radio validate-one-required" id="radio12" name="radio1" type="radio" />
      <label for="radio12" class="radio_label">An eCommerce website (i.e. online shop)</label>
      <br />
      
<input value="Other (please specify below):" title="" class="radio validate-one-required" id="radio13" name="radio1" type="radio" />
      <label for="radio13" class="radio_label">Other (please specify below):</label>
      <br /><textarea class="cf_inputbox" rows="3" id="text_5" title="" cols="30" name="text_5"></textarea>
      
 
    </div>
    
  </div>
  <div class="cfclear"> </div>
</div></div>
</div>
<!--Finish of radio buttons-->
<div class="form_item_head" id="container">
  <div id="navbar"><div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label_head" style="width: 220px;">When would you like the site to go live?</label>
    <div class="float_left">
      <input value="Within 1 month" title="" class="radio validate-one-required" id="radio20" name="radio2" type="radio" />
      <label for="radio20" class="radio_label">Within 1 month</label>
      <br />
      
<input value="Within 2 month" title="" class="radio validate-one-required" id="radio21" name="radio2" type="radio" />
      <label for="radio21" class="radio_label">Within 2 month</label>
      <br />
      
<input value="Within 3 month" title="" class="radio validate-one-required" id="radio22" name="radio2" type="radio" />
      <label for="radio22" class="radio_label">Within 3 month</label>
      <br />
      
<input value="Within 6 month" title="" class="radio validate-one-required" id="radio23" name="radio2" type="radio" />
      <label for="radio23" class="radio_label">Within 6 month</label>
      <br />
      
<input value="Whenever it will be ready" title="" class="radio validate-one-required" id="radio24" name="radio2" type="radio" />
      <label for="radio24" class="radio_label">Whenever it will be ready</label>
      <br />
      
 
    </div>
    
  </div>
  <div class="cfclear"> </div>
</div></div>
  <div id="content"><div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label_head" style="width: 220px;">What is your budget?</label>
    <div class="float_left">
      <input value="Over £100,000 and above" title="" class="radio validate-one-required" id="radio30" name="radio3" type="radio" />
      <label for="radio30" class="radio_label">Over £100,000 and above</label>
      <br />
      
<input value="£50,000 - £100,000" title="" class="radio validate-one-required" id="radio31" name="radio3" type="radio" />
      <label for="radio31" class="radio_label">£50,000 - £100,000</label>
      <br />
      
<input value="£10,000 - £50,000" title="" class="radio validate-one-required" id="radio32" name="radio3" type="radio" />
      <label for="radio32" class="radio_label">£10,000 - £50,000</label>
      <br />
      
<input value="£5,000 - £10,000" title="" class="radio validate-one-required" id="radio33" name="radio3" type="radio" />
      <label for="radio33" class="radio_label">£5,000 - £10,000</label>
      <br />
      
<input value="£2,500 - £5,000" title="" class="radio validate-one-required" id="radio34" name="radio3" type="radio" />
      <label for="radio34" class="radio_label">£2,500 - £5,000</label>
      <br />
      
<input value="£1,000 - £2,500" title="" class="radio validate-one-required" id="radio35" name="radio3" type="radio" />
      <label for="radio35" class="radio_label">£1,000 - £2,500</label>
      <br />
      
<input value="£1 - £500" title="" class="radio validate-one-required" id="radio36" name="radio3" type="radio" />
      <label for="radio36" class="radio_label">£1 - £500</label>
      <br />
      
 
    </div>
    
  </div>
  <div class="cfclear"> </div>
</div></div>
</div>
<div id="container">
  <div id="navbar"><div class="form_item_head">
  <div class="form_element cf_radiobutton">
    <label class="cf_label_head" style="width: 220px;">Are you able to supply pictures and content for the site?</label>
    <div class="float_left">
      <input value="Yes?" title="" class="radio validate-one-required" id="radio40" name="radio4" type="radio" />
      <label for="radio40" class="radio_label">Yes?</label>
      <br />
      
<input value="No?" title="" class="radio validate-one-required" id="radio41" name="radio4" type="radio" />
      <label for="radio41" class="radio_label">No?</label>
      <br />
      
<input value="Some?" title="" class="radio validate-one-required" id="radio42" name="radio4" type="radio" />
      <label for="radio42" class="radio_label">Some?</label>
      <br />
      
 
    </div></div>
    
  </div>
  <div class="cfclear"> </div>
</div></div>
  <div id="content"><div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label_head" style="width: 220px;">Please give any other details that might help us quote for the project:</label>
    <textarea class="cf_inputbox" rows="3" id="text_13" title="" cols="30" name="text_13"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div><div class="cfclear"> </div></div>
 <hr />

<div id="container">
  <div class="form_item_head" id="navbar"><div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">Contact information:</span> </div>
  <div class="cfclear"> </div>
</div>
 
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label_name" style="padding-right: 20px; width: 150px; font-weight: bold;">Name</label>
    <input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_16" name="text_16" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>
 
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label_email" style="padding-right: 22px; width: 150px; font-weight: bold;">Email</label>
     <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="" id="text_17" name="text_17" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>
 
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label_phone" style="padding-right: 15px;width: 150px; font-weight: bold;">Phone</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" title="" id="text_18" name="text_18" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div></div>

<div class="form_item">
   <div class="form_element cf_captcha">
    <label class="cf_label" style="width: 150px; vertical-align: top; font-weight: bold;">Security</label>
    <span>{imageverification}</span> 
    
    </div></div>
  <div class="cfclear"> </div>
</div>
 

 
 
<div class="form_item">
  <div class="cf_button">
   <input value="Submit" name="button_19" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>

			<input type="hidden" name="a85d14f963e61180ec4301db139df504" value="1" />	
                	<input type="hidden" name="1cf1" value="992c44fe1254d6b1dea09dc399ef91d9" />
                </form>
 
	
 
		
</div>
Gr
GreyHead 16 May, 2010
Hi rps1969,

Please post a link to the form. The most common reason for this is a JavaScript conflict with some other code in your template.

Bob
rp
Gr
GreyHead 16 May, 2010
Hi rps1969,

Yes you have JQuery loaded and will need to move it into no conflict mode for it to co-exist with MooTools. See the form without the tempalte where the validation is OK.

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