Unplanned
Last Updated:
08 Oct 2021 08:28
by ADMIN
Ronny
Created on:
01 Oct 2021 09:45
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>
1 comment
ADMIN
Neli
Posted on:
08 Oct 2021 08:28