Do not show files that fail validation

[Baal]

In the above example, even though the second file Lighthouse.jpg fails validation, it in the file list. Although the green and red bullet show the status of each file, it is not as intuitive, especially if you select multiple at a time. Firstly you have to scan through the list to see which all failed. Secondly colourblind people can have a hard time distinguishing them.

How can I make it so that files that fail validation don't show up there? I'm planning to have a error area below the upload control that will list files that fail validation and only show validated files up there.

Thanks.

[Bruce]

This is how I did it:

function OnClientValidationFailed(sender, args) {
            var allowedExtensions = $(".uploadFileExtensions").html();
            alert('Sorry but that file extension is not allowed. Only the following file extensions are allowed ' + allowedExtensions);
 
            var upload = document.getElementById('<%=radUpload.ClientID %>');
            var index = $(args.get_row()).index();
            sender.deleteFileInputAt(index);
        }

Make sure you set the OnClientValidationFailed event up on the control:

<telerik:RadAsyncUpload ID="radUpload" runat="server" AllowedFileExtensions="pdf,jpeg,jpg,png,ppt" OnClientValidationFailed="OnClientValidationFailed" />

[Baal]

Thanks Bruce. It works wonderfully.