Pattern validation not supported in input type as number

[Rasika]

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" ???

 

 

[Rasika]

Can someone help me on this ??
I am really in mess............

[Rosen]

Hello Rasika,

Indeed, as shown in the documentation, the pattern attribute is not supported for type numeric. This also matches the HTML5 definition. If such usage is required in your case, you should consider implementing a custom validation rule which to handle it.

Regards,
Rosen
Telerik

 

 

[Rasika]

So what happened when this scenario happen in grid update popup ??
Do I have to do like this example ??
Is this only way to do this ??

[Rosen]

Hello Rasika,

 

If you are referring to how to attached custom validation rule to the built-in Validator instance of the Grid widget popup editor. Indeed, this is the way to do it.

 

Regards,
Rosen
Telerik