python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions