[#4205] - Client-side form validation (JHTML::_('behavior.formvalidation');) not working on tablet devices
- Closed
- 17 Dec 2015
- Medium
- Build: master
- # 4205
Client-side form validation (JHTML::_('behavior.formvalidation');) is not working on tablet devices.
No validation error appears on tablets devices when a submit button is clicked and the input element is empty even when the necessary classes are specified. As a result, the form proceeds with processing without an error. The validation should display an error message such as "Please fill out this field." when the submit button is clicked and the textbox is empty.
The system being used is an iPad (3rd generation). I used both Chrome and Safari to test the error. I'm currently running Joomla 3.3.3.
| Category | JavaScript | ⇒ |
vdespa
- | Build | Joomla 3.3.3 | ⇒ | 3.3.3 |
| Category | ⇒ | JavaScript |
Hi there,
I probably should have mentioned this in my initial post, the template I was using when I identified this issue was the protostar template and the browsers I used were both the most up-to-date versions at the time.
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4205.
Hey there,
I've been looking into similar problem and most probably your issue is not with formvalidation. You are most probably not using it, but falling back to the HTML5 validation. I've written a blog post that outlines the issue over here:
https://compojoom.com/blog/entry/joomla-javascript-form-validation
Definitely something that we should look into.
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4205.
| Labels |
Added:
?
|
||
Hello,
I have contact form in joomla 2.5 website in which i would like to validate User inputs / data should be sanitized from hazardous characters and validated in the server-side.So i would like to know the necessary customization of the particular file.
he Contact form is available under Contact Us menu. As Name, Subject, Message fields are not validated properly, if IFRAME is injected in these fields form gets submitted successfully.
Yes, it is from component com_contact i want to validate from server side.
The path is com_contact/model/contact.xml
<?xml version="1.0" encoding="UTF-8"?>
type="text"
id="contact-name"
size="30"
description="COM_CONTACT_CONTACT_EMAIL_NAME_DESC"
label="COM_CONTACT_CONTACT_EMAIL_NAME_LABEL"
filter="string"
required="true"
/>
I want to validate the contact_name in this field
I can confirm to this that the form validation for safari on IOS and the chrome on android is broken, because they doesn't support the native html5 form validatoin.
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4205.
| Status | New | ⇒ | Information Required |
Hello @achapetta
Thank you for your contribution.
The last comment here was on 29th April. So the question is, Is this issue/pull request still valid?
If no reply is received within 4 weeks we will close this issue.
Thanks for understanding!
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4205.
| Status | Information Required | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2015-12-17 11:12:23 |
| Closed_By | ⇒ | brianteeman |
Closed due to lack of response for further information - it can always be reopened if that is provided
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4205.
Is this really an issue?
In my opinion, the behavior of the required field should be styled according to the frontend template, and not defined by the Joomla CMS. The "Please fill out this field." shows up in browsers that have native support for the required attribute, so if you're using older browsers, you wont see the message either.
The issue isn't, in my opinion, tablet browsers, its lack of styling on the required fields. But i believe the styling should be made for the individual frontend template.