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....
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>