Forums

required fields are ignored

judith0815 17 Mar, 2015
Hello,
I installed Chronoforms V5 and built a simple form with required fields.
But in the front end, there are no asterix signs visible on the required fields. And when I hit the Send-Button, there is no verification, if the field is empty or not...

I also tried the simple example form, but that does not work either.

What could be the problem?

On the Code Tab the form type is "Wizard designer".

Do you have any ideas what could be the problem?

Greetings
Judith
GreyHead 17 Mar, 2015
Hi Judith,

That sounds like a JavaScript error on the form page. Please post a link to the form so I can take a quick look.

Bob
Hannon 19 Mar, 2015
Hi

Watching the outcome with interest - I've got a similar case. The asterisks were present when I started designing and testing the first form, but vanished part way through the design process and haven't reappeared yet. Not currently a problem for me, since there are only a couple of rarely used private forms involved.
Max_admin 19 Mar, 2015
Hi Hannon,

But what about the fields ? are they checked for validation or not ?

Regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
Hannon 19 Mar, 2015
Sorry - should have mentioned that. No, like Judith, verification's not working either (but was until part way through the design). No problems with server-side verification of course, so again not causing a major problem.
GreyHead 20 Mar, 2015
Hi Hannon,

Please post a link to the form so I can take a quick look.

Bob
judith0815 23 Mar, 2015
Hello,
sry, I cannot send an link at the moment. The Website is not online yet... Or ist there any way to send an link, if the site is down?

I tried the serverside verification, but it is ignored also... I have a recaptcha Field, and this is the only time, when the form gives feedback... when the code is not entered correctly...

How could I fix a Javascript error on the front page?

Greetings
Judith
judith0815 23 Mar, 2015
I have tried to find an javascript error...

When I hav an Mouseover on a formfield I get this message:

TypeError: jQuery(...).tooltip is not a function

I don't know if this helps...

Greetings
Judith
GreyHead 23 Mar, 2015
Hi Judith,

Very hard to tell without seeing the site. When you say it isn't on-line what exactly does that mean? Is it just on a local server or is it on a web-host but in maintenance off-line mode? If the latter you can PM a login and we can look.

If the Serverside validation isn't working then you probably need to add an Event Loop action to the pink On Fail event.

The error you posted suggest that maybe jQuery isn't being loaded. Does it work if you switch temporarily to one of he default Joomla! templates?

Bob
judith0815 23 Mar, 2015
Hi Greyhead,
With the default template, the form works just fine... so it is an issue with my template? I use a A4joomla template... Du you have any idea how I could find the error in the template?

Greetings
Judith
judith0815 23 Mar, 2015
Hi Bob,

what I found out is, that the class of a formfield looks like this:

class="validate['required'] form-control A"

I guess it should look like thie

class="validate['required'] form-control A"

I don't know why the default template seems not to be affected by this...

Greetings
Judith
GreyHead 23 Mar, 2015
Answer
Hi Judith,

The problem does appear to be with the template - or something that is being loaded on the template page. jQuery is being loaded but the jQuery Tooltip widget isn’t there so you get the tooltip error. Joomla! uses a limited version of the jQuery UI library and it quite likely that the Tooltip widget isn't included.

You have a couple of choices.

+ find where that line of code is and comment it out; or, and probably better

+ use the JQueryEasy extension to manage JQuery and load a full version of jQuery UI.

Bob

PS The &#xxx; are just the HTML entities for quotes - they should be OK.
judith0815 23 Mar, 2015
Hi Bob,
the jqueryeasy Plugin works! Thanks a lot!

The asterix are showing and the verification works, too!!!

Could you tell me, how I could reduce the size of the asterix sign?

Greetings
Judith
judith0815 23 Mar, 2015
ok, I found it out.

.chronoform .fa-asterisk {
font-size: 7px !important;
}

Greetings
Judith
GreyHead 23 Mar, 2015
Hi Judith,

Thank you, I updated the FAQ to include that CSS.

Bob
Hannon 23 Mar, 2015

Hi Hannon,
Please post a link to the form so I can take a quick look.
Bob



Thanks for the offer - much appreciated. However jqueryeasy fixed both problems here too - thanks for the tip, and for Judith's input.

Re the underlying problem, the asterisks and validation were working when I started to design the first form (as mentioned above) - so presumably the jQuery Tooltip widget is included in Joomla, or it wouldn't have work at all. And I'm also using the standard Beez3 template, so I'd guess that shouldn't be the cause. It's way out of my league, but doesn't that suggest that there's maybe a problem with the way that jQuery is incorporated into Chronoforms?
GreyHead 24 Mar, 2015
Hi Hannon,

I'm really not sure where the root cause lies. ChronoForms loads it's own version of jQuery (unless you use jQueryEasy) and doesn't use the jQuery UI tooltips - at least I don't think it does. It all gets a bit complicated too quickly :-(

Good to hear that it's working OK now.

Bob
This topic is locked and no more replies can be posted.