Progress® Kendo UI® for jQuery Feedback Portal

Create an account Log In

Bug report

The default email regex of the Validator passes invalid email.

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

Reproduction of the problem

Open this Dojo - https://dojo.telerik.com/EpELOpoB
Enter asd@asd
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: 22 Jun 2022 11:53 by Lauren

Add support for the formnovalidate attribute

Created by: Lauren

Comments: 0

Category: Validator

Type: Feature Request

Add support for the formnovalidate attribute

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: 08 Oct 2021 08:28 by ADMIN

add support to Validator for HTML5 minLength and maxLength attributes on input elements of type "text", "url", "email" and "password"

Created by: Ronny

Comments: 1

Category: Validator

Type: Feature Request

add support to Validator for HTML5 minLength and maxLength attributes on input elements of type "text", "url", "email" and "password"

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>