I have 2 situations..............
Number 1 :
<div id="container">
<input type="text"
class="k-textbox"
class="k-input k-textbox"
pattern="\d{10}"
data-pattern-msg="enter a value according to the pattern"
/>
<input type="button" value="validate" id="validateButton"/>
</div>
<script type="text/javascript">
$("#container").kendoValidator();
$("#validateButton").click(function () {
$("#container").data("kendoValidator").validate();
});
</script>
This is working correctly. Please see above input type is text .
Number 2 :
<div id="container">
<input type="number"
class="k-textbox"
class="k-input k-textbox"
pattern="\d{10}"
data-pattern-msg="enter a value according to the pattern"
/>
<input type="button" value="validate" id="validateButton"/>
</div>
<script type="text/javascript">
$("#container").kendoValidator();
$("#validateButton").click(function () {
$("#container").data("kendoValidator").validate();
});
</script>
This is not working . Please see above input type is number.
So is "data-pattern-msg" is not supported for the input type "number" ???