JS validation doesn't work (J3.2.3 - CF5)

Hello,

I am testing Chronoforms 5 using a clean test Joomla 3.2.3 with the protostar default template (empty site, without sample data).

I set JS validation onload (I tested onsubmit too) with only one required field. When I display the form (with the plugin or directly width the direct form url), the validation doesn't work. I opened firebug and I get the following error : gvalidate is not a function.

I modified the client_validation.php file remplacing the $ with jQuery to avoid JS library conflicts :

jQuery("#chronoform-'.$form->form['Form']['title'].'").gvalidate({});

No change. Then I searched for the gvalidate function. It was not called so I called this file in my template :

$doc->addScript('libraries/cegcore/assets/gplugins/gvalidation/gvalidation.js');

No error anymore but validation doesn't work too. How do I have to proceed to get it work ? Current Chronoform 5 is in RC, I think it's a bug.

I use Chronoforms 5 because I was not able to get CF4 to work with the same config (I used the J3.x component version). I saw there's video tutorial, I'm going to watch it. I don't like using beta, RC in a production website.

Thank you

Hi Makinero,

You don't need to use the "Client validation" action, just add your fields using the designer and add the "HTML" action to the "on load", if any of your fields has validation enabled then it should work.

If both v4 and v5 validations don't work then there may be some other problem which we don't know, can you post a link to your website ?

Let me know how this works!

Regards,
Max

Hello

I don't use code wizard, I hand code HTML. If I understand you, in this case, validation does not work ? I can't give a link of a website at the moment.

You can use your own HTML code, please send me a screenshot for the "Client validation" config you have ?

Regards,
Max

The setup :

http://www.hostingpics.net/viewer.php?id=640711setupcf5.png

The detail :

http://www.hostingpics.net/viewer.php?id=487512setupcf5detail.png

With an input type text having a name "nom".

Thanks

Please try to drag the "client validation" before the "html", also please add this to the detail:

nom:your error message

Another note, nothing can run after a "redirect", so please drag your email before it!

Regards,
Max

OK, I've set the options as you said but it still doesn't work. I have the following JS error :

TypeError : $this.tooltip is not a function (gvalidation.js line 158)
$this.gtooltip('destroy','gtooltip gvalidation-error-tip');

That worked fine ! Thanks !

I think that should be integrated by default. It's a native feature !

Hi,

I have little same problem for my chronoforms5. I have 4 fields (name, lastname, textareabox, 2radio box). All those fields are required enabled. All fields are required on frontend except textareabox.

I have insert JS client Validation before html render form with inside "my filed:this field is required" but that doesn't work. I can submit my form without make a selection on textareabox.

---------------------------------------------------------

Second problem with same form : on backend i add a custome code on designer panel with this

<font-size="10px">* required fields</font>

. I save my modification and on frontend i can't see this new custome code.
I have clear my browser cache and chronoforms5 cache but nothing work.

Thanks in advance for your reply.

I forget. I can't send you my url website because it's an intranet. Then I could send screenshot if needed.

Hi ag3,

#1- As noted earlier in the topic, the Client validation action has a bug, and so I suggest that you enable the validation in your field settings only for now, until a new update is available! (its almost ready)

#2- Custom elements should work fine, please try to inspect the place where the element has been added in the designer, I can't tell without checking your form!

Regards,
Max

Hi

#1 how enable validation on field, because on the texarea box , the validation is on YES and that doesn't work.
all fields have validation on yes and its only on this textarea box where the validation doesn't work.

Hi ag3,

I will need to check this myself then, please send me a link to the form here or in a PM

Regards,
Max