jQuery Validation in MVC3 Project

Question

When I create a new MVC3 application, add a model, add a [Required] attribute to the model, scaffold a new edit view for this model, and add a @Html.ValidationMessageFor(...), everything works beautifully. If I attempt to submit the edit form without filling in a value it gives me a validation message.

My problem is that this is not working in the enterprise app I'm working on. Here's what I've done and I wonder if you can think of anything else I can check to troubleshoot. I can't share the code, but perhaps you can see an obvious omission from the list...

Add [Required] attribute to my model's property
Make sure jquery.validate.js and jquery.validate.unobtrusive.js are referenced
Added Html.EnableClientValidation(true) and Html.EnableUnobtrusiveJavaScript(true) on my view
Added my @Html.ValidationMessageFor(...) next to my control (which is a @Html.TextBoxFor)

The issue is that I can submit the form and no validation is performed. I get a server-side error stating that the entity is not valid, which I would expect if it gets past the client-side validation.

When I inspect the source, it has not rendered the validation attributes to my textbox. I would expect it to look something like this...

<input class="text-box single-line" data-val="true" 
    data-val-required="The Property1 field is required." 
    id="Property1" name="Property1" type="text" value="" />

But instead it looks more like this...

<input id="Reminder_Description" name="Reminder.Description" 
    style="width:300px;" type="text" value="" />

What exactly is responsible for injecting those attributes?

Thanks!

Are you creating your form with @Html.BeginForm? Does the call to Html.EnableClientValidation(true) precede this? — Dan A.
– Dan A., Commented Jan 27, 2012 at 21:48

Jeremy Foster · Accepted Answer · 2012-01-27 22:51:21Z

1

I figured out the issue. I just didn't know that attributes are not passed through a service layer (WCF), so the Required attribute was not effective. To remedy, we added a local reference to the entities assembly (which makes sense in our architecture). Thanks.

answered Jan 27, 2012 at 22:51

Jeremy Foster

4,8134 gold badges33 silver badges50 bronze badges

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

3 Comments

fredlegrain Over a year ago

I hardly figure out how this makes sense... Could you explain a bit?

Jeremy Foster Over a year ago

@fredlegrain, the attributes that I add to my business objects are obviously in a completely separate assembly from the web application that I'm using them in. I have a service project that is referencing the business object assembly and ultimately serializing the objects and passing them over the wire. It makes sense that attributes would not be passed along. But if I add a ref. to the business objects in the web app then I get those attributes. Does that make sense?

fredlegrain Over a year ago

I took a deeper look at DataAnnotations and understood the sense it makes. Thanks.

Dan A. · Accepted Answer · 2012-01-27 21:35:07Z

0

Have you checked your web.config for:

<appSettings>
<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

answered Jan 27, 2012 at 21:35

Dan A.

2,92420 silver badges23 bronze badges

2 Comments

Dan A. Over a year ago

I'm not sure if Html.EnableClientValidation(true) and Html.EnableUnobtrusiveJavaScript(true) on your view has the same effect as setting it up in your web.config. Might be worth trying though.

Jeremy Foster Over a year ago

I did make sure those were on. Thanks.

Collectives™ on Stack Overflow

jQuery Validation in MVC3 Project

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related