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: 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>