file input MVC 3 Client-side validation for required

Question

Simple question... Is it possible to use client side MVC 3 validation on inputs of type file?

To explain: MVC 3 uses its model validation with IClientValidatable and unobtrusive javascript to allow you to write validation on the server side and have it render the client side using jquery validate using Microsoft's plugins. To make a property required you add the attribute below

[Required]
public HttpPostedFileBase CvFile {get; set;}

As long as client side val and unobtrusive javascript is on in the config this should all fire on the client.

However HttpPostedFileBase (i.e. <input type="file" name="Model.CvFile" />) will not run required on the client side.

Any ideas how this can be achieved keeping the relationship with the server side validation

VahidN · Accepted Answer · 2012-07-13 13:30:04Z

28

You need to add it manually:

<input type="file" data-val="true" data-val-required="please select a file" name="file" />
@Html.ValidationMessage("file")

answered Jul 13, 2012 at 13:30

VahidN

19.4k8 gold badges80 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Liam · Accepted Answer · 2015-05-27 09:51:26Z

1

Simple answer: A HttpPostedFileBase renders "file" input type which is a security issue and, AFAIK, is not scriptable. There's no support for this "out of the box".

Edit: this seems to be a very popular topic online. http://www.hanselman.com/blog/ABackToBasicsCaseStudyImplementingHTTPFileUploadWithASPNETMVCIncludingTestsAndMocks.aspx

edited May 27, 2015 at 9:51

Liam

30k28 gold badges143 silver badges206 bronze badges

answered Apr 12, 2011 at 11:54

Reynolds

4112 silver badges11 bronze badges

2 Comments

Jay Over a year ago

Thanks for the reply, rendering the control and building it is not a problem (code can be provided if you like). However making client side validation which is tied into is the problem. any ideas?

Reynolds Over a year ago

forums.asp.net/p/1566760/4033836.aspx has a great discussion on file upload validation. From here I would create a custom validator: stackoverflow.com/questions/5662923/… or bradwilson.typepad.com/blog/2010/10/… . They might look complicated, but are well worth understanding.

Collectives™ on Stack Overflow

file input MVC 3 Client-side validation for required

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related