javascriptkendo-uikendo-validator

Kendo upload validation message position


I am using kendo uplaod,and want validate uploaded file size.

<form id="uploadForm" method="post" action="{{url}}"> <div class="demo-section k-content"> <input name="files" id="files" type="file" /> <p style="padding-top: 1em; text-align: right"> <input id="submit" type="submit" value="Select " class="k-button k-primary" /> </p> </div> </form>

and $("#uploadForm").kendoValidator({ messages: { custom: "Please enter valid size file", }, rules: { custom: function (e: any) { return ...; } }, validateOnBlur: false });

Everything is ok,but message appears on 'Select files; input.How change position of error message? I want show message under file as output.

enter image description here


Solution

  • Check this fiddle I created, hope it will help you

    **http://jsfiddle.net/keshann/Lyz49ryn/**