ASP Net 2012 Unobtrusive Validation with jQuery

Question

I was playing with Visual Studio 2012 and I created an empty ASP Net Web Application  when I tried to add the traditional validator controls to a new page  this error occurs      WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for  jquery   Please add a ScriptResourceMapping named jquery case-sensitive     What are the steps to fix it   This is my page markup    lt asp Panel runat  server  ID  pnlUsername  GroupingText  Username settings  gt       lt div gt           lt asp Label ID  usernameLabel  Text  Please enter your username  runat  server  AssociatedControlID  username    gt       lt  div gt       lt div gt           lt asp TextBox runat  server  ID  username    gt           lt asp RequiredFieldValidator ErrorMessage  The username is required  ControlToValidate  username  runat  server  Text   - Required    gt       lt  div gt   lt  asp Panel gt

User · Answer

Just copy  amp  paste any JQuery file in your project and add a Global asax file and modify it as below   I just paste the JQuery file in my project and add a reference in Global asax file   protected void Application Start object sender  EventArgs e                ScriptManager ScriptResourceMapping AddDefinition           jquery           new ScriptResourceDefinition                       Path      jquery-1 10 2 js               DebugPath      jquery-1 10 2 js               CdnPath    http   ajax aspnetcdn com ajax jQuery jquery-1 10 2 min js               CdnDebugPath    http   ajax aspnetcdn com ajax jQuery jquery-1 10 2 js               CdnSupportsSecureConnection   true              LoadSuccessExpression    jQuery

User · Answer

In  configuration file  instead this lines    lt compilation debug  true  targetFramework  4 5    gt   lt httpRuntime targetFramework  4 5    gt    by this lines    lt compilation debug  true  targetFramework  4 0    gt   lt httpRuntime targetFramework  4 0    gt    This error because in version 4 0 library belong to  asp RequiredFieldValidator  exist but in version 4 5 library not exist so you need to add library by yourself

User · Answer

in visual studio 2012 in the web config change the targetFramework 4 5 to targetFramework 4 0

User · Answer

More Info on ValidationSettings UnobtrusiveValidationMode  Specifies how ASP NET globally enables the built-in validator controls to use unobtrusive JavaScript for client-side validation logic   Type  UnobtrusiveValidationMode  Default value  None  Remarks  If this key value is set to  None   default   the ASP NET application will use the pre-4 5 behavior  JavaScript inline in the pages  for client-side validation logic  If this key value is set to  WebForms   ASP NET uses HTML5 data-attributes and late bound JavaScript from an added script reference for client-side validation logic   Example        lt appSettings gt         lt add key  ValidationSettings UnobtrusiveValidationMode  value  None    gt       lt  appSettings gt

User · Answer

Other than the required  jquery  ScriptResourceDefinition in Global asax  use your own paths        protected void Application Start object sender  EventArgs e                            ScriptManager ScriptResourceMapping AddDefinition               jquery               new ScriptResourceDefinition                               Path     static scripts jquery-1 8 3 min js                   DebugPath     static scripts jquery-1 8 3 js                   CdnPath    http   ajax aspnetcdn com ajax jQuery jquery-1 8 3 min js                   CdnDebugPath    http   ajax aspnetcdn com ajax jQuery jquery-1 8 3 js                   CdnSupportsSecureConnection   true                  LoadSuccessExpression    jQuery                          You additionally only need to explicitly add  WebUIValidation js  after  jquery  ScriptReference in ScriptManager  the most important part            lt asp ScriptManager runat  server  EnableScriptGlobalization  True  EnableCdn  True  gt               lt Scripts gt                   lt asp ScriptReference Name  jquery    gt                   lt asp ScriptReference Name  WebUIValidation js  Assembly  System Web    gt               lt  Scripts gt           lt  asp ScriptManager gt    If you add it before  jquery   or if you don t add any or both of them at all  ASP Net will then automatically add it before  jquery   - the client validation will be completely broken   http   connect microsoft com VisualStudio feedback details 748064 unobtrusive-validation-breaks-with-a-script-manager-on-the-page  You don t need any of those NuGet packages at all  nor any additional ScriptReference  some of which are just duplicates  or even a completely unnecessary bloat - as they are added automatically by ASP Net if needed  mentioned in your blog   EDIT  you don t need to explicitly add  WebForms js  as well  removed it from the example  - and if you do  its LoadSuccessExpression will be ignored for some reason

User · Answer

Add a reference to Microsoft JScript in your application in your web config as below     lt configuration gt     lt system web gt       lt compilation debug  true  targetFramework  4 5  gt         lt assemblies gt           lt add assembly  Microsoft JScript  Version 10 0 0 0  Culture neutral  PublicKeyToken B03F5F7F11D50A3A   gt         lt  assemblies gt       lt  compilation gt       lt httpRuntime targetFramework  4 5   gt     lt  system web gt     lt appSettings gt       lt add key  ValidationSettings UnobtrusiveValidationMode  value  none   gt     lt  appSettings gt   lt  configuration gt

User · Answer

It seems like there is a lot of incorrect information about the ValidationSettings UnobtrusiveValidationMode value   To Disable it you need to do the following    lt add key  ValidationSettings UnobtrusiveValidationMode  value  None    gt    The word None  not WebForms should be used to disable this feature

User · Answer

This is the official Microsoft answer from the MS Connect forums  I am copying the relevant text below  -  When targeting  NET 4 5 Unobtrusive Validation is enabled by default  You need to have jQuery in your project and have something like this in Global asax to register jQuery properly   ScriptManager ScriptResourceMapping AddDefinition  jquery        new ScriptResourceDefinition           Path      scripts jquery-1 4 1 min js           DebugPath      scripts jquery-1 4 1 js           CdnPath    http   ajax microsoft com ajax jQuery jquery-1 4 1 min js           CdnDebugPath    http   ajax microsoft com ajax jQuery jquery-1 4 1 js            Replacing the version of jQuery with the version you are using    You can also disable this new feature in web config by removing the following line    lt add key  ValidationSettings UnobtrusiveValidationMode  value  WebForms    gt

User · Answer

In the Nuget Package manager search for AspNet ScriptManager jQuery instead of jquery   THat way you will not have to set the mappings yourself and the project will work with the click of a simple install   Or disable the Unobtrusive Validation by adding this line to the Configuration tag of the web config file in the project      lt add key  ValidationSettings UnobtrusiveValidationMode  value  None    gt

User · Answer

lt add key  ValidationSettings UnobtrusiveValidationMode  value  WebForms    gt    this line was not in my WebConfig so    I simple solved this by downgrading targetting  Net version to 4 0

User · Answer

I suggest to instead this lines    lt div gt       lt asp TextBox runat  server  ID  username    gt       lt asp RequiredFieldValidator ErrorMessage  The username is required  ControlToValidate  username  runat  server  Text   - Required    gt   lt  div gt    by this line   lt div gt       lt asp TextBox runat  server  ID  username  required   gt   lt  div gt

User · Answer

All the validator error has been solved by this    lt appSettings gt   lt add key  ValidationSettings UnobtrusiveValidationMode  value  None   gt     Error must be vanished enjoy

[c#] ASP.Net 2012 Unobtrusive Validation with jQuery

Examples related to c#

Examples related to asp.net