the required fields

Hello,

Excuse me for my English translated from google.

I create multiple form with chronoforms and everything works except the required fields
Some fields are required but not filled or the mail is sent and there is no error message to the user telling him that he must complete certain fields.

Thank you for your support.
URL :http://www.teviloj.fr/index.php?option=com_chronocontact&chronoformname=devis_tapis_moquette
and code:

<div class="form_item">
    <h3 class="cf_text">DEMANDE DE DEVIS - RIDEAUX ET CONFECTIONS TEXTILES</h3>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span style="font-family:arial; color:#cc0000; font-style:italic; font-size:10px;">Champs indiqués par un astérisque (*) : saisie obligatoire</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">SOCIETE</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Numéro client:</label>
    <input class="cf_inputbox validate-alphanum" maxlength="150" size="30" title="" id="text_6" name="num_client" 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;">Raison sociale*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="ok" id="text_5" name="raison" 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;">Adresse*:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_49" name="adress1" 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;">Code postal*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="ok" id="text_9" name="cp1" 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;">Ville*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="ok" id="text_10" name="ville1" 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;">Pays*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_14" name="pays1" 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;">Téléphone*:</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" title="" id="text_16" name="tel1" 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;">Fax:</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_15" name="fax" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">CONTACT</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Civilité*:</label>
    <select class="cf_inputbox validate-selection" id="select_30" size="1" title=""  name="civili">
    
      <option value="M.">M.</option>
<option value="Mme">Mme</option>
<option value="Melle">Melle</option>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Nom*:</label>
    <input class="cf_inputbox required validate-alpha" maxlength="150" size="30" title="" id="text_24" name="nom1" 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;">Prénom:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_25" name="prenom" 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;">Fonction*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_26" name="fonction" 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:</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="" id="text_23" name="email" 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;">Ligne directe:</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_29" name="tel2" 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;">Portable:</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_28" name="tel3" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">ENVOI DU DEVIS</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 250px;">Je préfère recevoir mon devis par : </label>
    <select class="cf_inputbox validate-selection" id="select_32" size="1" title=""  name="envoi">
    <option value="">Choisir une option</option>
      <option value="mail">mail</option>
<option value="fax">fax</option>

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

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">DELAIS</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;"> Date ou période de livraison souhaitée</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_57" name="date" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">ADRESSE DE LIVRAISON (si différente de l'adresse saisie ci-dessus)</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Nom:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_22" name="nom2" 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;">Adresse</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_52" name="adress2" 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;">Code postal:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_25" name="cp2" 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;">Ville:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_26" name="ville2" 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;">Pays:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_27" name="pays2" 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;">Contact:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_28" name="contact" 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;">Téléphone:</label>
    <input class="cf_inputbox validate-number" maxlength="150" size="30" title="" id="text_29" name="tel4" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">CONFECTION</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Type de décor*:</label>
    <select class="cf_inputbox validate-selection" id="select_31" size="1" title=""  name="type">
    <option value="">Choisir une option</option>
      <option value="Rideau d'avant-scène">Rideau d'avant-scène</option>
<option value="Rideau de fond de scène">Rideau de fond de scène</option>
<option value="Frise">Frise</option>
<option value="Pendrillon">Pendrillon</option>
<option value="Jupe de scène">Jupe de scène</option>
<option value="Autre (précisez)">Autre (précisez)</option>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Autres:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_33" name="autre1" 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;">Matière*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_35" name="matiere" 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">Matière*: :: référence ou description de la matière souhaitée</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Coloris*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_36" name="color" 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">Coloris*: :: Référence ou description du coloris souhaité</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Ampleur:</label>
    <select class="cf_inputbox" id="select_39" size="1" title=""  name="ample">
    <option value="">Choisir une option</option>
      <option value="Tête à plat">Tête à plat</option>
<option value="Tête plissée (indiquez le pourcentage)">Tête plissée (indiquez le pourcentage)</option>
<option value="J'ai besoin d'être conseillé">J'ai besoin d'être conseillé</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">Ampleur: :: Précisez le pourcentage</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Pourcentage de l'ampleur</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_41" name="pourcent" 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;">Largeur (ne pas tenir compte de l'ampleur)*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_42" name="larg" type="text" />cm
  <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">Largeur (ne pas tenir compte de l'ampleur)*: :: Ne pas tenir compte de l'ampleur)</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Hauteur*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_43" name="haut" type="text" />cm
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Quantité*:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_45" name="quantite" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">FINITIONS</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Finitions haut*:</label>
    <select class="cf_inputbox validate-selection" id="select_48" size="1" title=""  name="fini_haut">
    <option value="">Choisir une option</option>
      <option value="Œillets">Œillets</option>
<option value="Œillets+lacettes">Œillets+lacettes</option>
<option value="Œillets+mousquetons">Œillets+mousquetons</option>
<option value="Lacettes cousues">Lacettes cousues</option>
<option value="Mousquetons cousus">Mousquetons cousus</option>
<option value="Fourreau (précisez la dimension)">Fourreau (précisez la dimension)</option>
<option value="Velcro">Velcro</option>
<option value="Ourlet">Ourlet</option>
<option value="Bords à vif">Bords à vif</option>
<option value="Autre (précisez)">Autre (précisez)</option>
<option value="J'ai besoin d'être conseillé">J'ai besoin d'être conseillé</option>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Dimensions (pour un fourreau):</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_51" name="dimen1" type="text" />cm
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Autre:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_50" name="autre2" 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;">Finitions bas*:</label>
    <select class="cf_inputbox" id="select_51" size="1" title=""  name="fini_bas">
    <option value="">Choisir une option</option>
      <option value="Fourreau (précisez la dimension)">Fourreau (précisez la dimension)</option>
<option value="Fourreau+bavette (précisez la dimension)">Fourreau+bavette (précisez la dimension)</option>
<option value="Ourlet simple">Ourlet simple</option>
<option value="Ourlet plombé">Ourlet plombé</option>
<option value="Velcro">Velcro</option>
<option value="Bords à vif">Bords à vif</option>
<option value="Autre (précisez)">Autre (précisez)</option>
<option value="J'ai besoin d'être conseillé">J'ai besoin d'être conseillé</option>

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

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Dimensions (pour un fourreau):</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_51" name="dimen2" 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;">Autre:</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_53" name="autre3" 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;">Finitions Côtés*:</label>
    <select class="cf_inputbox validate-selection" id="select_54" size="1" title=""  name="fini_cote">
    <option value="">Choisir une option</option>
      <option value="Ourlet">Ourlet</option>
<option value="Velcro">Velcro</option>
<option value="Fils de registre">Fils de registre</option>
<option value="Bords à vif">Bords à vif</option>
<option value="Autre (précisez)">Autre (précisez)</option>
<option value="J'ai besoin d'être conseillé">J'ai besoin d'être conseillé</option>

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

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

<div class="form_item">
  <div class="form_element2 cf_text"> <span class="cf_text">PRECISIONS ET COMMENTAIRES</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 250px;">Vos remarques</label>
    <textarea class="cf_inputbox" rows="3" id="text_59" title="" cols="60" name="comment"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Envoyer" name="button_48" type="submit" />
  </div>
  <div class="cfclear"> </div>
</div>

Salut xalvaro,

Your template is loading JQuery - this conflicts with the Mootools JavaScript library used by Joomla and ChronoForms. If you view the form without the template the validation is OK.

There are instructions somewhere in the forum here for putting JQuery into non-conflict mode that will fix this.

Bob

Hello,
thank you for your reply so fast.
I am beginner, can you tell me where I can disable Jqery please

thank you again for your valuable help

Hi xalvaro,

This is a problem with your template, not with ChronoForms.

Please search the forums here or Google for the fix.

Bob

Hi,

I created a form using chronoforms. Have mention certain fields as required and email and url validations are also active but still my site is not giving any information when i take the mouse over the tooltip nor it tells me that the field is required..

The most surprising part is that when i first created this form it was working perfectly fine... it was only after some days that it stopped working... I CANT EVEN GUESS WHY.......

I am using ja_purity template. The form code is as given below. Please help

<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Contact Form</h1>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">You can use this form to send to us your queries or any type of information which you would like to share with us. We will get back to you ASAP.</span> </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Full Name</label>
    <input class="cf_inputbox required" style="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" maxlength="150" size="30" title="" id="text_2" name="name" 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">Full Name :: Required Field: 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 ID</label>
    <input class="cf_inputbox required validate-email" style="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" maxlength="150" size="30" title="" id="text_4" name="email" 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 ID :: Required Field: Your email will be used to send you site updates only.</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">URL</label>
    <input class="cf_inputbox validate-url" style="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" maxlength="150" size="30" title="" id="text_10" name="url" 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">URL :: Please mention your website URL.</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Country</label>
    <div class="float_left">
      <input value="India" title="" class="radio validate-one-required" id="radio00" name="radio0" type="radio" />
      <label for="radio00" class="radio_label">India</label>
      <br />
      
<input value="Outsite India" title="" class="radio validate-one-required" id="radio01" name="radio0" type="radio" />
      <label for="radio01" class="radio_label">Outsite India</label>
      <br />
      

    </div>
    <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">Country :: Please mention your country</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Query Category.</label>
    <div class="float_left">
      <input value="Domain Name & Hosting" title="" class="radio validate-one-required" id="radio10" name="radio1" type="radio" />
      <label for="radio10" class="radio_label">Domain Name & Hosting</label>
      <br />
      
<input value="Web Design & Development" title="" class="radio validate-one-required" id="radio11" name="radio1" type="radio" />
      <label for="radio11" class="radio_label">Web Design & Development</label>
      <br />
      
<input value="Website Promotion" title="" class="radio validate-one-required" id="radio12" name="radio1" type="radio" />
      <label for="radio12" class="radio_label">Website Promotion</label>
      <br />
      
<input value="Other" title="" class="radio validate-one-required" id="radio13" name="radio1" type="radio" />
      <label for="radio13" class="radio_label">Other</label>
      <br />
      

    </div>
    <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">Query Category. :: Please Select the appropriate category your query falls in.</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Your Query (max 300 character)</label>
    <textarea class="cf_inputbox required" style="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" rows="10" id="text_11" title="" cols="30" name="query"></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">Your Query (max 300 character) :: Please write your query in the text area provided.</div>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label" style="width: 150px;">Image Verification</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">Image Verification :: Please mention text you can see in the image. This is used for security purposes.</div>
    </div>
  <div class="cfclear"> </div>
</div>


<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">
<b>PLEASE NOTE:</br> Once you submit this query, a confirmation email will be sent to you. Please check your mail for the email. If you don't receive it then I suggest you to refill the form with the correct email so that we can contact you.</b> </span> </div>
  <div class="cfclear"> </div>
</div>


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

Thanks

Hi..

After googling since morning and almost puuling my hair off... i found the reason why its happening so..

I have installed cssjscompress plugin... initially this was not installed and hence tooltips and required info worked fine.... but as i installed cssjscompress..... things have stopped working.... guess some problem with mootools calling..

can someone please suggest me settings with cssjscompress so that the chronoforms tooltips and validation work fine..

thanks in advance
ewebbytes

Hi ewebbbytes,

This is most likely a JavaScript conflict with something else on your site. Can you post a link to the form?

Bob

Hi,

Thanks for your reply. Well the problem has been found and i have uninstalled cssjscompress...
I tried changing the order of the mootools.js and jquery.js...still in vain...

well... regarding the page link... m sorry but cannot provide as i am already working on the site and will make it online only when i am 120% satisfied with the site and ints functioning....

Thanks and regards
ewebbbytes

Hi ewebbbytes,

If you have JQuery running then it needs to be in 'no conflict' mode to work alongside MooTools.

Bob

hi Greyhead,

Thank you for having responded to my previous message.
I actually find no conflict between the library but my skill level is too low to resolve the problem.
You have managed to isolate the form and make it independent of the site and it can be opened in an external.
Can you explain how did you do? This eliminates the changing component and redo all my forms.
I wonder if it can be externalized forms.

Thank you again for your help and excuse me for my English.

Hi xalvaro,

There is a JavaScript conflict between the JQuery and MooTools JavaScript libraries.

Joomla and ChronoForms use MooTools as a standard library; the template you have chosen uses JQuery.

You need to put JQuery into 'non-conflict' mode for the two to work together. Instructions for doing this are in the forums here.

You can show any Joomla page without the template by adding &tmpl=component to the URL.

Bob