Validate Upload control in Kendo UI

Validate Upload control in Kendo UI

//This is kendo ui upload property class with Required validation attribute.
public class Upload
    [Required(ErrorMessage = "Please select files for upload.")]
    public HttpPostedFileBase file { get; set; }


//This is upload file control with kendo ui mvc 5.
<div id="IsValid">
@using (Html.BeginForm("Upload", "UploadController", FormMethod.Post, new { id = "UploadId", enctype = "multipart/form-data"}))
            .HtmlAttributes(new { required = true })
        @Html.ValidationMessageFor(m => m.file)
        <button class="k-button" id="btnUpload" type="submit">Submit</button>

//This is javascript code for validate Kendo().Upload() controle.
<script type="text/javascript">
    $(document).ready(function () {
        var isVaid = $("#IsValid").kendoValidator().data("kendoValidator");
        $("#btnUpload").click(function (e) {

            if ($("#files").parent().siblings("ul").length > 0) {

            if (!isVaid.validate()) {


Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions