Hello,
CF ChronoForms_V3.1_RC5.3
Joomla - 1.512
I don't know if this has been covered as I did my best to browse the forum but what I am trying to do is to just have one validation message pop up instead of one for each field.
For example the fields get red when something should be filled in it but what I would like is to have a pop up above the form that will display a message to enter in the fields that are missing instead of a message by each field. Please see screen shots.
Regards,
Robert
http://www.epageart.com/index.php?option=com_chronocontact&Itemid=5
CF ChronoForms_V3.1_RC5.3
Joomla - 1.512
I don't know if this has been covered as I did my best to browse the forum but what I am trying to do is to just have one validation message pop up instead of one for each field.
For example the fields get red when something should be filled in it but what I would like is to have a pop up above the form that will display a message to enter in the fields that are missing instead of a message by each field. Please see screen shots.
Regards,
Robert
http://www.epageart.com/index.php?option=com_chronocontact&Itemid=5
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Name:</label>
<input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_0" name="name1" type="text" />
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Name: :: Please enter your full name</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Email:</label>
<input class="cf_inputbox required validate-email" maxlength="150" size="30" title="" id="text_1" name="email2" type="text" />
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Email: :: Please enter your contact email address</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Service:</label>
<select class="cf_inputbox validate-selection" id="select_3" size="1" title="" name="service3">
<option value="">Choose Service</option>
<option value="Advertising">Advertising</option>
<option value="Company Identity">Company Identity</option>
<option value="Flash Animation">Flash Animation</option>
<option value="Interface Design">Interface Design</option>
<option value="Logos">Logos</option>
<option value="Web Design">Web Design</option>
<option value="Other">Other</option>
</select>
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Service: :: What service can we help you with</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Additional Information:</label>
<textarea class="cf_inputbox required" rows="3" id="text_4" title="" cols="30" name="addinfo4"></textarea>
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Additional Information: :: Plesse provide any additional information</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Phone:</label>
<input class="cf_inputbox validate-number" maxlength="150" size="10" title="" id="text_5" name="phone5" type="text" />
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Phone: :: Please enter your contact phone number</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_datetimepicker">
<label class="cf_label" style="width: 150px;">Best date to call:</label>
<input class="cf_datetime required" title="" size="20" id="date6" name="date6" type="text" />
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Best date to call: :: Please choose a good time to reach you</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">Best time to call:</label>
<select class="cf_inputbox validate-selection" id="select_10" size="1" title="" name="time7">
<option value="">Choose Option</option>
<option value="8am-12pm">8am-12pm</option>
<option value="12pm-5pm">12pm-5pm</option>
<option value="Email only">Email only</option>
</select>
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Best time to call: :: Please choose a good time to reach you</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_captcha">
<label class="cf_label" style="width: 150px;">Enter characters:</label>
<span>{imageverification}</span>
<a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Enter characters: :: Please enter the characters (case sensitive)</div>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_button">
<input value="Submit" name="button_8" type="submit" />
</div>
<div class="cfclear"> </div>
</div>