validation problem

Hi Im really struggling to get any type of validation working. Im trying to add validation to the name field of the below form.

<tr>
<td>Name: </td>
<td><input name="name" id="name" type="text" class="required" /></td>
</tr>
<tr>
<td>Contact number:</td>
<td><input name="contact" type="text" /></td>
</tr>
<tr>
<td>Email address:</td>
<td><input name="email" type="text" /></td>
</tr>
<tr>
<td><input name="submit" type="submit" value="submit" /></td>
</tr>

In the validation screen i have the following settings:

enable validation - yes
library - mootools
onblur - no
onsubmit - yes
required - name

I must be missing something really simple.

Can anyone shed any light on this?

Many thanks
Alan

Hi frobak,

On the Form Editor | General tab set "Load Chronoforms CSS/JS Files?" to 'Yes'

Bob

Hi Bob,

It is already set to Yes?

Hi frobak,

I recreated your form and it's working OK here :-(

Can you post a link to your form?

Bob

Hi bob

form located here:

http://www.fcafinance.co.uk/finance-and-loans/index.php?option=com_chronocontact&chronoformname=contactform

Hi frobak,

The problem is with the JQuery code loaded by your template. JQuery has to be put into NoConflict mode to work correctly with the MooTools library used by Joomla and by ChronoForms.

If you look at your form without the template the validation is good.

Bob

ok thanks bob. Ill now spend the next 7 hours trying to find out how to fix that!

cheers

Hi frobak,

If you search the forums here for noConflict you'll find two or three solutions. I don't know enough to recommend one though. There are also notes on the JQuery site.

Bob