Topic-icon Registration form tooltips

Support Specialist
13 years 9 months ago #25642 by alzander
Replied by alzander on topic Registration form tooltips
Glad to hear you found the 404 problem. I had done some testing yesterday on a dev site with multi-profiles and couldn't recreate. Was planning to ask for more information today.

As for the required fields, they should absolutely be highlighting. We use Joomla's built-in validation Javascript that works with Mootools to highlight those fields. If you go to the Login / Register page and simply add &template=beez5 to the URL, you'll get a Joomla template. If you hit Register, you'll see the fields turn red. That works with any of the Joomla templates (&template=beez_20 works as well, etc).

It looks like you simply need to add a style for the class "invalid" which is what the validation class adds to required fields that haven't been filled out. Hopefully, that works for you, but if not, try doing more comparisons with your custom template against the Joomla standard templates.

Best of luck,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 9 months ago #25663 by sougatab
Replied by sougatab on topic Registration form tooltips
Thanks Alex! We'll try this.
The topic has been locked.
Support Specialist
13 years 9 months ago #25671 by alzander
Replied by alzander on topic Registration form tooltips
Keep us posted on how it goes. I think it's pretty much in your court for these issues now though.. but let us know if you need anything!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
13 years 9 months ago #25781 by sougatab
Replied by sougatab on topic Registration form tooltips

alzander wrote: As for the required fields, they should absolutely be highlighting. We use Joomla's built-in validation Javascript that works with Mootools to highlight those fields. If you go to the Login / Register page and simply add &template=beez5 to the URL, you'll get a Joomla template. If you hit Register, you'll see the fields turn red. That works with any of the Joomla templates (&template=beez_20 works as well, etc).

It looks like you simply need to add a style for the class "invalid" which is what the validation class adds to required fields that haven't been filled out. Hopefully, that works for you, but if not, try doing more comparisons with your custom template against the Joomla standard templates.


Hi Alex,

We have followed the procedure in our website www.drishtant.com for the FBconnect registration form validation.
There is some problem in validation and I request you to look into it. "Invalid" class is not showing up for password field (incorrect size, mismatch), incorrect username (if already in use). So it may be a JavaScript issue and not a css one. We have tried changing the template and some of these problems are irrespective of the template.
The topic has been locked.
Support Specialist
13 years 9 months ago #25789 by alzander
Replied by alzander on topic Registration form tooltips
Sougatab,
For those fields, that's not how the built-in Joomla validation works. For the password field, the only thing that is checked is that there is any values in the field. The actual check of whether the passwords match and if they are long enough are done after the registration button is clicked. The same thing goes for the username, it's checked post submission, not using AJAX checks.

Again, we use the standard Joomla registration process for our registration field, and that's simply how it works.

Hope that helps explain. I did test on your page and the invalid CSS class is being added to those fields, and others, if they are blank. They still are not turning red (or another color) since that style doesn't seem to be set in your template.

Alex
The topic has been locked.
Active Subscriptions:

None
13 years 9 months ago #25825 by sougatab
Replied by sougatab on topic Registration form tooltips
Thanks Alex.

Can we just put a JavaScript validation code that pops up a general error message when an user clicks the 'Register' button without filling all the required fields?
The topic has been locked.
Support Specialist
13 years 9 months ago #25828 by alzander
Replied by alzander on topic Registration form tooltips
Sure you can. Joomla's validation code, which we use, is in the /media/system/js/validate.js file. You can either extend that, or add your own validation to the page. Joomla's default validation though simply adds the 'invalid' class to the fields that don't have any input. I'm not sure how you'd make the popup appear, but hopefully that file will help you narrow it down.

If you need anything from us, let us know, but not sure how much we'll be able to assist on those changes.

Thanks,
Alex
The topic has been locked.