Adding a JQuery Script Resource

Some features in ASP.NET, in particular the validation and login / register user controls require jQuery to operate effectively, to do this, a Script resource defining the location of the jQuery libraries needs to be added to the project

• Open the global.asax file, and within the Application_Start method add the code below. (If you do not have a global.asax file you can add one, by selecting the Global Application Class option when you add a new item to the solution.)

  string JQueryVer = "3.2.1";
  ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition
     {
        Path = "~/Scripts/jquery-" + JQueryVer + ".min.js",
        DebugPath = "~/Scripts/jquery-" + JQueryVer + ".js",
        CdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + JQueryVer + ".min.js",
        CdnDebugPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + JQueryVer + ".js",
        CdnSupportsSecureConnection = true,
        LoadSuccessExpression = "window.jQuery"
     });
  

• If the code ScriptManager is underlined in red, then, with the cursor placed in the code, press Ctrl + . (Control and full stop), and choose the 'using System.Web.Ui' option
• Note that the first line of code references the version of jQuery used, in this case 3.2.1. If you download a later version than this you will need to update the code here.

Adding jQuery to the project

Using the NuGet package manager

This can be done by opening the Nuget Package manager - click Tools -> Nuget Package Manager -> Manage Nuget Packages for Solution...

In the dialogue box that appears search for (if required) then select jQuery, and in the right hand pane select the project name check box and click install

Add jQuery manually

Alternatively the jQuery library can be manually added using the instructions below:

• Download the relevant version of jQuery and place it in a folder named 'Scripts' in the root of the application. Include both the compressed and uncompressed versions, and update the version number in the code as required
• Add the files to the project in Visual Studio. Ensure that the 'Show All Files' setting is switched on in the Solution explorer menu - indicated by the yellow highlighted icon in the image below. You may also need to press the refresh button to see the files
  
• Right click on the files and choose 'Include in Project' as shown below: