Book Image

ASP.NET jQuery Cookbook (Second Edition) - Second Edition

By : Sonal Merchant, Aneel Allana
Book Image

ASP.NET jQuery Cookbook (Second Edition) - Second Edition

By: Sonal Merchant, Aneel Allana

Overview of this book

jQuery is a lightweight JavaScript library that has changed the landscape of client scripting in web applications. Developed by John Resig in 2006, it has taken the web by storm because of its cross-browser compatibility and the ability to get more done with less code. It has gained popularity with ASP.NET developers and is now distributed with Visual Studio and the NuGet package manager. ASP.NET jQuery Cookbook explores the wide range of utilities that the jQuery library provides. It teaches you the nitty-gritty of plugging in these features in ASP.NET web applications. It covers every aspect of interfacing the library, right from downloading and including jQuery on web pages to selecting controls, handling events, and creating animations. This book also walks you through DOM traversal and manipulation in ASP.NET and then through visual effects and graphics in ASP.NET sites. It explores advanced features such as posting AJAX requests and writing plugins. It will provide you with all the information you need to use this library confidently with ASP.NET.
Table of Contents (10 chapters)
9
Index

Using the form validation plugin


Plugins written by other developers can be searched and downloaded from the central plugin repository at https://plugins.jquery.com. On searching for the validation keyword, we come across the jQuery validation plugin written in 2006 by Jörn Zaefferer, a member of the core jQuery team. The official site of the plugin is at http://jqueryvalidation.org.

In this example, let's download and use this plugin in our application. The programming constructs used in this example are summarized as follows:

Construct

Type

Description

$("#identifier")

jQuery selector

This selects an element based on its ID.

$("html_tag")

jQuery selector

This selects all elements with the specified HTML tag.

click

jQuery event

This is fired when you click on an element. It corresponds to the JavaScript click event.

.closest()

jQuery method

For each matched element, this returns the first element that matches the selector by traversing up the DOM tree.

event.preventDefault...