Unobtrusive Client Validation in ASP.NET MVC Still Submit Form

Question

I'm using ASP MVC 4 and I have both ClientValidationEnabled and UnobtrusiveJavaScriptEnabled appSettings turn on but when I submit a form with unobtrusive validation data attributes it get submitted even when it is invalid. The validation message appear but the form still get submitted.

JavaScript is enabled in my browser off course.

without more info it is very hard helping you. check you don't have another javascript submit of the form, you don't have javascript library collisions or as @AdrianoSilva says you are not missing a script. — Alexandros B
– Alexandros B, Commented Jul 8, 2013 at 11:55

KyleMit · Accepted Answer · 2016-10-06 19:34:25Z

7

Make sure, you have following libraries linked

<script src="~/Scripts/jquery.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>

Check your configuration. These two should look as follows:

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

Don't forget to add:

@Html.ValidationMessageFor(m => m.FieldToValidate)

edited Oct 6, 2016 at 19:34

KyleMit♦

31.4k74 gold badges517 silver badges712 bronze badges

answered Jul 8, 2013 at 11:58

Andrei

44.9k39 gold badges163 silver badges228 bronze badges

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

Comments

swapneel · Accepted Answer · 2013-07-08 12:54:08Z

5

For MVC4 in your master page add below line

@Scripts.Render("~/bundles/jqueryval")

and make sure that in bundles.config below lines are present.

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

once you have added jquery.unobtrusive you will encounter below error.

the live() function is not available anymore in jquery 1.9, which has been deprecated.

TypeError: $(…).live is not a function

in order to resolve this you can manyally replace .live with .On or just add beta release from nuget

Install-Package Microsoft.jQuery.Unobtrusive.Ajax -Pre

edited Jul 8, 2013 at 12:54

answered Jul 8, 2013 at 12:13

swapneel

3,0711 gold badge27 silver badges32 bronze badges

Collectives™ on Stack Overflow

Unobtrusive Client Validation in ASP.NET MVC Still Submit Form

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related