This is a migrated thread and some comments may be shown as answers.

Validation with ASP.NET textbox & Mozilla Firefox

1 Answer 76 Views
Validation
This is a migrated thread and some comments may be shown as answers.
Kyriakos
Top achievements
Rank 1
Kyriakos asked on 06 Jun 2013, 10:35 AM
hi , i have the following problem in a form with three kendo validators .
im using the latest stable release for a form to validate the inputs of 3 divisions in the same page.
My problem is the .net textbox returns after compiling the page a different id and name for the textbox. but so far in chrome ,  IE & opera seems to work just fine.
My issue starts in Mozilla firefox when on focus of a input textbox from the one division the page i click on another on mozilla adds in all input textboxes the class k-invalid for the required fields and the aria-invalid becames true without triggering the validator though the enter key or pressing the button i have for the form.
Concluding the problem in Firefox is that if i focus on an input of a validated division on the form and then i click on 2ndary validated division of the form all input textboxes in the form appear with red border due to class k-invalid.
im attaching you the files html and JS for it.
any suggestion for that ? 

1 Answer, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 07 Jun 2013, 06:28 AM
Hello Kyriakos,

Are you referring to the red borders which appears when page is viewed with Firefox. If this is the case, I'm afraid that this is a browser behavior and is not related to our Validator as it will appear even without it. In order to remove the borders you should modify the CSS rules. For example:

input:required {
    box-shadow:none;
}
 
input:invalid {
    box-shadow: none;
}

Regards,
Rosen
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Validation
Asked by
Kyriakos
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Share this question
or