Validation with ASP.NET textbox & Mozilla Firefox

2 posts, 0 answers
  1. Kyriakos
    Kyriakos avatar
    15 posts
    Member since:
    Jun 2012

    Posted 06 Jun 2013 Link to this post

    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 ? 
  2. Rosen
    Rosen avatar
    3214 posts

    Posted 07 Jun 2013 Link to this post

    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 {
    input:invalid {
        box-shadow: none;

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top