Unplanned
Last Updated: 22 Jun 2022 11:53 by Lauren
Created by: Lauren
Comments: 0
Category: Validator
Type: Feature Request
1
Add support for the formnovalidate attribute, so that when a submit button of a from is decorated with the attribute the Kendo Validator will not validate the form elements.
Unplanned
Last Updated: 27 Sep 2023 12:21 by Les Baker
Created by: Les Baker
Comments: 0
Category: Validator
Type: Bug Report
0

Bug report

The default email regex of the Validator passes invalid email.

Workaround: https://dojo.telerik.com/uguresac/7

Reproduction of the problem

  1. Open this Dojo - https://dojo.telerik.com/EpELOpoB
  2. Enter asd@asd
  3. Click the validate button

Current behavior

The validation passes.

Expected/desired behavior

The validation should fail.

Environment

  • Kendo UI version: 2023.2.829
  • Browser: [all]
Unplanned
Last Updated: 08 Oct 2021 08:28 by ADMIN

Not so recently HTML 5 has added minLength and maxLength attributes (including form based validation) to their spec for input fields of the above mentioned types. Kendo UI Validator does not seem to use them during validation. It is, of course, possible to add a custom validation rule, however, it would be much preferred to use the built-in mechanism in modern browsers to do so.

Standard reference

HTML 5 standard maxLength and minLength

 

Demonstration code which does not fire a validation error:


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.3.914/js/kendo.all.min.js"></script>
</head>
<body>
  
    <form class="myValidator">
      <p><input type="text" name="age" minlength="3"></p>
      <button id="validate" class="k-button k-primary" type="button">Validate</button>
    </form>

    <script>
      $('#validate').click(function(){
        var validator = $(".myValidator").kendoValidator({
          messages:{
            minlength:"Number must be greater than 3"
          }
        }).data("kendoValidator");
        validator.validate();
      })
    </script>
</body>
</html>