ASP.NET MVC implement custom validator use IClientValidatable

by

You have messed up your script inclusions. In your _Layout you have included the following scripts in that order:

<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jQuery.IsDateAfter.js")" type="text/javascript"></script>

Now obviously jquery.validate.min.js and jquery.validate.js represents the same script, the first being the minified version. But since you haven’t included the jquery.validate.unobtrusive.js script (this is done much later in your view), your custom jQuery.IsDateAfter.js script will contain errors since it will not know about the $.validator.unobtrusive.adapters object that you are using. So here’s how the scripts in your layout should look:

<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

You could also add your custom jQuery.IsDateAfter.js script to the layout at the end if you wish in case it is used in many views and if not you could add it to the view:

<script src="https://stackoverflow.com/questions/8284207/@Url.Content("~/Scripts/jQuery.IsDateAfter.js")" type="text/javascript"></script>

That’s the only script you should have in the view. You should remove any other jquery.* script inclusions from your Edit And Create View pages.

Remark: you will also notice that I have removed all Microsoft*.js scripts from your Layout. They are obsolete and should no longer be used in ASP.NET MVC 3.

More Related Contents:

  1. ASP.NET MVC 3 Razor: Include JavaScript file in the head tag
  2. Calling ASP.NET MVC Action Methods from JavaScript
  3. Using Razor within JavaScript
  4. Required field validations not working in JQuery Popup MVC 4
  5. Razor MVC Populating Javascript array with Model Array
  6. asp.net-mvc: razor ‘@’ symbol in js file
  7. Populate a Razor Section From a Partial
  8. Razor Syntax and Javascript
  9. Is it OK to put JavaScript in Partial Views
  10. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  11. jQuery: How to traverse / Iterate over a list of object
  12. What is jQuery Unobtrusive Validation?
  13. Razor/JavaScript and trailing semicolon
  14. Javascript, Razor and Escape characters. Like apostrophe
  15. Share constants between C# and Javascript in MVC Razor
  16. Auto refresh in ASP.NET MVC
  17. ASP.NET MVC Partial view ajax post?
  18. Conditional Compilation is turned off in Razor?
  19. Using Razor, how do I render a Boolean to a JavaScript variable?
  20. Concat two arrays But concat is not working
  21. How to render a Razor View to a string in ASP.NET MVC 3?
  22. HTML.ActionLink vs Url.Action in ASP.NET Razor
  23. How to change ‘data-val-number’ message validation in MVC while it is generated by @Html helper
  24. How do I define a method in Razor?
  25. jQuery $.cookie is not a function
  26. Where and how is the _ViewStart.cshtml layout file linked?
  27. How to use Ajax.BeginForm MVC helper with JSON result?
  28. Set disable attribute based on a condition for Html.TextBoxFor
  29. Possible to access MVC ViewBag object from Javascript file?
  30. Uploading image in ASP.NET MVC

Leave a Comment