Support us .Net Basics C# SQL ASP.NET ADO.NET MVC Slides C# Programs Subscribe Buy DVD

Part 85 - Enable client side validation in mvc

Suggested Videos 
Part 82 - Creating custom validation attribute
Part 83 - RegularExpression attribute
Part 84 - Compare attribute

Validation attributes in mvc provides both client and server side validation. There are 2 simple steps to enable client side validation in mvc.

Step 1: Enable ClientValidation and UnobtrusiveJavaScript in web.config file.
  <add key="ClientValidationEnabled" value="true" />
  <add key="UnobtrusiveJavaScriptEnabled" value="true" />

Step 2: Include a reference to the following javascript files. In real time, the references to the javascript files are included in the master page. This avoids the need to reference them on each and every view where we need validation. The order in which the script files are referenced is also important. jquery.validate is dependant on jquery and /jquery.validate.unobtrusive is dependant on jquery.validate, so they should be referenced in the following order. Otherwise, client side validation will not work. In short, JavaScript is parsed "top-down", so all dependencies need to be referenced before the dependant reference.
<script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>

With these 2 changes, validation should now happen on the client without a round trip to the server. If the client disables javascript in the browser, then client side validation does not work, but server side validation will continue to work as normal.


  1. i want to learn a vb database program as front end and oracle database as backend.. can u hep me.. i saw ur tutorial video.. its very nice.. if possible u can use frontend java netbeans IDE. plz

  2. Hi Venkat,

    U have created custom validation like Range and CurrentDate validation,these custom validation client side validation is not working. we need to fix this issue. what we need to to, can u please respond ASAP

    Thanks in advance

  3. OK....Awesome session with client side validation. Here I got a problem. I have put another button called "Cancel" inside that same "beginform" and When I press this button I need the page should be redirected to the Index page. But actually what is happening here, When I press the cancel button the client side validation is occurred, the validation error message is being displayed and the page never redirected to the Index page. What is the problem with this approach....????


If you like this website, please share with your friends on facebook and Google+ and recommend us on google using the g+1 button on the top right hand corner.