Validate if file is selected for upload

[Anamika]

hello,

 

i am using Kendo upload control in a form which has many other controls and on submit click in jquery i Need to validate if any file is selected for upload. If no files selected i should Show message. I am trying this

var upload =$(#files").find('kendoUpload');

var len = upload.closest(".k-upload").find(".k-file").length;

if(len === 0){

alert('please select file');

}

 

doesnt seem to work.

How can i validate in jquery.

 

Thanks

 

Anamika

[Ivan Danchev]

Hello Anamika,

Here's a dojo example, which shows how you can use the Kendo UI Validator to prevent the form submit and display a message if no file is selected in the Upload.

Regards,
Ivan Danchev
Progress Telerik

[Anamika]

Thanks Ivan for the sample. I get validator.validate() as undefined. Any idea what could be causing that. In my Layout.cshtml file the included js files are

<script src="//da7xgjtj801h2.cloudfront.net/2017.2.621/js/jszip.min.js"></script>
<script src="//da7xgjtj801h2.cloudfront.net/2017.2.621/js/jquery.min.js"></script>
<script src="//da7xgjtj801h2.cloudfront.net/2017.2.621/js/kendo.all.min.js"></script>

 

[Ivan Danchev]

Hello Anamika,

Are you initializing the Validator from your form element prior to calling its validate method (validator.validate())?

var validator = $("#myForm").kendoValidator({
    rules: {
        upload: function(input) {
            if (input[0].type == "file") {
                fileNotSelected = true;
                var len = input.closest(".k-upload").find(".k-file").length;
                return len > 0;
            }

            return true;
        }
    }
}).data("kendoValidator");

Note that "myForm" has to be replaced with your form's id. After this initialization the "validator" variable should hold a reference to the Validator.

Regards,
Ivan Danchev
Progress Telerik

[Paul]

Hi Ivan,

Would you have an example of how to achieve this using jQuery Validate validator?

Thanks,

Paul

[Viktor Tachev]

jQuery validation is not part of the Kendo suite and because of that we do not have specific examples for it. Nevertheless, if you would like to use jQuery validate I suggest checking out the setting up video for it and also the official documentation.

That said, I would recommend using the Kendo validator widget as it was built having in mind integration with the other Kendo widgets.