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"}))
{
        @(Html.Kendo().Upload()
            .Name("files")
            .Multiple(false)
            .HtmlAttributes(new { required = true })
        )        
        @Html.ValidationMessageFor(m => m.file)
        <button class="k-button" id="btnUpload" type="submit">Submit</button>
}
</div>


//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) {
                $("#files").removeAttr("required");
            }

            if (!isVaid.validate()) {
                e.preventDefault();
            }
        });
    });
</script>


ANIL SINGH

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 - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book