Category - jQuery
19 Aug 2009
42 Comments   88684 Views
Here Mudassar Ahmed Khan has explained how to build a Gmail style file uploader using JQuery and Uploadify plugin for JQuery in ASP.Net
27 Aug 2009
30 Comments   62659 Views
Here Mudassar Ahmed Khan has explained how to check User Name availability in SQL Server 2005 database using JQuery in ASP.Net
15 Jan 2010
12 Comments   82838 Views
Here Mudassar Ahmed Khan has explained how to call server side methods or functions using jQuery without postback in ASP.Net
01 Feb 2010
41 Comments   89987 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Ajax Auto complete Plugin in ASP.Net with an example source code
17 Feb 2010
4 Comments   22190 Views
Here Mudassar Ahmed Khan has explained how to configure jQuery Auto complete Plugin to display images in the AutoComplete List in ASP.Net
07 Mar 2010
17 Comments   88252 Views
Here Mudassar Ahmed Khan has explained how to build your own AJAX Cascading DropDownlist using jquery in ASP.Net
05 Apr 2010
21 Comments   163231 Views
Here Mudassar Ahmed Khan has explained how to Add Edit Update Records in GridView Control using AJAX Control Toolkit Modal Popup Extender in ASP.Net
11 May 2010
44 Comments   108534 Views
Here Mudassar Ahmed Khan has explained how to build a Gmail style file uploader using JQuery and Uploadify plugin for JQuery in ASP.Net
29 Dec 2010
1 Comments   23978 Views
Here Mudassar Ahmed Khan has explained how to dynamically adjust the width of the ASP.Net DropDownList (HTML SELECT) based on the text length of the largest item or option using jQuery
14 Jan 2011
1 Comments   17341 Views
Here Mudassar Ahmed Khan has explained how to build your own simple Hover Menu using jQuery in ASP.Net
15 Jan 2011
11 Comments   33386 Views
Here Mudassar Ahmed Khan has explained how to implement the DateTimePicker in ASP.Net GridView using jQuery DateTimePicker Plugin
16 Jan 2011
0 Comments   56846 Views
Here Mudassar Ahmed Khan has explained how to implement DateTimePicker plugin in ASP.Net using jQuery Plugin
21 Feb 2011
87 Comments   68177 Views
Here Mudassar Ahmed Khan has explained how to make use of the Scrollable Grid jQuery Plugin to freeze ASP.Net GridView headers and also make the Grid scrollable.
08 Mar 2011
1 Comments   16067 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Plugin to validate file extensions and types in AJAX Control Toolkit AsyncFileUpload control
21 May 2011
8 Comments   12946 Views
Here Mudassar Ahmed Khan has explained how to use the jQuery ImageAutocomplete Plugin in ASP.Net
05 Jul 2011
6 Comments   44829 Views
Here Mudassar Ahmed Khan has explained how to make AJAX call to asp.net server side web service's webmethod using jQuery
08 Jul 2011
3 Comments   48183 Views
Here Mudassar Ahmed Khan has explained how to implement File size limit validation before upload using jQuery uploadify plugin
08 Aug 2011
4 Comments   82308 Views
Here Mudassar Ahmed Khan has explained how to implement jQuery Autocomplete using ASP.Net Web Services.
08 Aug 2011
10 Comments   33304 Views
Here Mudassar Ahmed Khan has explained how explained how to implement key value pair using jQuery i.e. one can send the text part and along with the ID of the record.
17 Aug 2011
10 Comments   62414 Views
Here Mudassar Ahmed Khan has explained how to modify the ASP.Net WCF (Windows Communication Foundation) service to make it accept AJAX JSON calls and to make AJAX JSON calls to ASP.Net WCF Service using JavaScript and jQuery
28 Oct 2011
15 Comments   113923 Views
Here Mudassar Ahmed Khan has explained how to send and receive custom JavaScript JSON objects to Web Service Methods using jQuery AJAX in ASP.Net
28 Oct 2011
2 Comments   38508 Views
Here Mudassar Ahmed Khan has explained how to use the jQuery DatePicker plugin with ASP.Net TextBox control and also how to fetch its date value server side on postback.
29 Oct 2011
1 Comments   25230 Views
Here Mudassar Ahmed Khan has explained how to apply the jQuery UI DatePicker plugin to textboxes in ASP.Net GridView Control.
20 Dec 2011
6 Comments   80089 Views
Here Mudassar Ahmed Khan has explained how to populate dataset or datatable from database and bind it to ASP.Net GridView using jQuery AJAX and Webmethods.
28 Dec 2011
10 Comments   44897 Views
Here Mudassar Ahmed Khan has explained how to calculate per row total for each item depending on quanitity and the final grand total in the footer of ASP.Net GridView using jQuery
31 Jan 2012
3 Comments   76885 Views
Here Mudassar Ahmed Khan has explained how to dynamically load ASP.Net UserControl using jQuery AJAX and Web Service WebMethods. He has also explained how we can set values of Controls and Properties of the UserControl before loading it.
08 Feb 2012
1 Comments   23209 Views
Here Mudassar Ahmed Khan has explained how to debug and put breakpoints JavaScript and jQuery scripts code in Internet Explorer (IE) browser using Visual Studio debugger .
29 Mar 2012
4 Comments   32631 Views
Here Mudassar Ahmed Khan has released and explained a new version of Scrollable GridView jQuery Plugin which is compatible with ASP.Net AJAX UpdatePanel Partial Postbacks.
17 Jun 2012
2 Comments   81499 Views
In general the ASP.Net Button stops doing postback when placed inside jQuery Modal dialog popup. Hence here Mudassar Ahmed Khan has explained how we can make the ASP.Net Button do postback in jQuery Modal dialog popup.
17 Jun 2012
3 Comments   57342 Views
Here Mudassar Ahmed Khan has explained how to display the ASP.Net ValidationSummary control inside jQuery Modal Dialog popup box without adding any client click event and for multiple buttons by overriding the ASP.Net WebForm_OnSubmit method.
07 Jul 2012
0 Comments   48667 Views
Here Mudassar Ahmed Khan has explained how to Populate ASP.Net DataList client side by fetching DataSet or DataTable from server as XML using jQuery AJAX. He has also taken into account the RepeatColumns property of the ASP.Net DataList control so that the DataList looks same as it is bound from server side.
07 Jul 2012
8 Comments   53584 Views
Here Mudassar Ahmed Khan has explained how to Populate ASP.Net GridView client side by fetching DataSet or DataTable from server as XML using jQuery AJAX and WebMethod
21 Jul 2012
4 Comments   37285 Views
Here Mudassar Ahmed Khan has explained how we can display the validation failed error messages of ASP.Net Validator controls like RequiredFieldValidator, RegularExpressionValidator, CompareValidator, RangeValidator and CustomValidator inside the ASP.Net TextBox control using jQuery.
04 Aug 2012
8 Comments   33584 Views
Here Mudassar Ahmed Khan has explained how we can display Watermark Text in ASP.Net TextBox, Password and Multiline TextArea using jQuery WaterMark plugin and JavaScript.
06 Aug 2012
5 Comments   34120 Views
Here Mudassar Ahmed Khan has explained how we can implement Character Count and Maximum Character Length (MaxLength) Validation for ASP.Net MultiLine TextBox (TextArea) using jQuery Maxlength plugin
06 Aug 2012
0 Comments   8425 Views
Here Mudassar Ahmed Khan has explained the solution for the issue that ASP.Net AJAX WaterMarkExtender control does not work for TextBox when its TextMode is Password.
To solve this problem we need to use jQuery WaterMark plugin which works for ASP.Net TextBox Normal, Password and Multiline (TextArea) TextMode.
10 Aug 2012
4 Comments   16260 Views
Here Mudasar Ahmed Khan has explained with an example how to change font size or reduce size of jQuery UI DatePicker Plugin easily using CSS. With the increase and decrease of font size the size of the jQuery datepicker also changes.
11 Aug 2012
0 Comments   74987 Views
Here Mudassar Mudassar Ahmed Khan has explaind how to validate email address format client side in jQuery using Regular Expressions. This script can be used in ASP.Net,PHP and also in simple HTML page.
12 Aug 2012
36 Comments   112000 Views
Here Mudassar Ahmed Khan has explained how to fetch database records dynamically on browser page scroll down using jQuery AJAX and ASP.Net.
31 Aug 2012
9 Comments   51888 Views
Here Mudassar Ahmed Khan has explained how to do paging in ASP.Net GridView ie. Implement Pagination Client Side using jQuery AJAX and Web Method
05 Sep 2012
5 Comments   35837 Views
Here Mudassar Ahmed Khan has explained how to calculate per row running for each item depending on quanitity and the final grand total in the footer of ASP.Net GridView using jQuery at runtime
05 Sep 2012
5 Comments   48622 Views
Here Mudassar Ahmed Khan has explained how to display water mark text for ASP.Net Password TextBox using jQuery.
We have ASP.Net AJAX Watermark Extender control but it does not work for TextBox with TextMode Password.
15 Sep 2012
3 Comments   34504 Views
In the forums (www.aspforums.net), I am continuously getting questions

1. How to attach multiple files in email in asp.net
2. How to send email with multiple attachments in asp.net
3. How to add and remove attachments using AJAX as done in GMAIL

Hence I decided to write an article where user can attach multiple files using AJAX and progressbar like GMAIL. User will also have option to remove the attached files using jQuery AJAX.
16 Sep 2012
1 Comments   26829 Views
In the forums (www.aspforums.net), I am continuously getting questions

1. How to attach multiple files in email in asp.net
2. How to send email with multiple attachments in asp.net
3. How to add and remove attachments using AJAX as done in GMAIL

Hence I decided to write an article where user can attach multiple files using AJAX and progressbar like GMAIL. User will also have option to remove the attached files using jQuery AJAX.
19 Sep 2012
14 Comments   27218 Views
Here Mudassar Ahmed Khan has explained how to import FaceBook Photo Albums and their pictures or images in ASP.Net using FaceBook Graph API and Free ASPSnippets FaceBook API.

The fetched images will be displayed as Image Gallery using ASP.Net DataList control.

On each image click a larger image will be displayed as Modal Popup with LightBox effect using jQuery.
21 Sep 2012
18 Comments   85267 Views
Here Mudassar Ahmed Khan has explained how to build an application with Nested GridViews i.e. Child GridView inside Parent GridView.

He has also provided Expand Collapse feature for the inner GridView i.e. when plus icon is clicked the child GridView is shown and when minus sign is clicked it is hidden using jQuery.
22 Sep 2012
16 Comments   71250 Views
Here Mudassar Ahmed Khan has explained with an example - Nested GridViews in ASP.Net using C# and VB.Net.
23 Sep 2012
38 Comments   327196 Views
Here Mudassar Ahmed Khan has explained with an example how do insert, update, edit and delete with confirmation and using ASP.Net AJAX features along with JQuery to ASP.Net GridView control
23 Sep 2012
3 Comments   22100 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, GridView inside GridView i.e. Nested GridViews in ASP.Net using C# and VB.Net.
Child GridView can be hidden and shown using Plus Minus icons using jQuery.
02 Oct 2012
0 Comments   14104 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Drag and Drop Rows from Source GridView to Destination GridView in ASP.Net using jQuery UI Sortable plugin.
22 Oct 2012
0 Comments   30758 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, Limit number of characters in an ASP.Net Multiline TextBox using jQuery Maxlength plugin
29 Oct 2012
1 Comments   23612 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, JQuery Scrollable GridView with Fixed Header in ASP.Net using Mudassar Khan's jQuery Plugin.
This plugin is also compatible with UpdatePanel
30 Oct 2012
21 Comments   214772 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to make AJAX call to asp.net server side Page method (web method) using jQuery.
06 Dec 2012
7 Comments   43536 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code how to populate jQuery UI AutoComplete TextBox with Database in ASP.Net using C# and VB.Net and Generic Handler.
15 Dec 2012
1 Comments   48441 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Upload, add and Display Image dynamically in TinyMCE Editor TextBox using jQuery Uploadify Plugin AJAX and Progress Bar without refreshing the Page in ASP.Net.
04 Jan 2013
5 Comments   93699 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to populate jQuery AutoComplete TextBox with data from database using Web Services in ASP.Net.
05 Jan 2013
4 Comments   99571 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code,
how to implement jQuery UI DatePicker Calendar with ASP.Net TextBox.
05 Jan 2013
10 Comments   124014 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code how to implement DateTimePicker Control for ASP.Net TextBox using jQuery.
13 Jan 2013
1 Comments   12737 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code - How to implement Nested GridViews in ASP.Net 3.5 and ASP.Net 4.0 using C# and VB.Net.
29 Jan 2013
6 Comments   43914 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to use ASP.Net AJAX Control Toolkit ModalPopupExtender Control to add, edit, insert and update rows in ASP.Net GridView
10 Feb 2013
4 Comments   42659 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to load data in ASP.Net GridView on scroll using jQuery AJAX in C# and VB.Net.
18 Feb 2013
6 Comments   27485 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to load GridView on scroll in ASP.Net using jQuery AJAX with C# and VB.Net.
28 Feb 2013
0 Comments   9719 Views
Here Mudassar Ahmed Khan has explained how we can implement Character Count and Maximum Character Length (MaxLength) and also display remaining characters in TextArea in real time using jQuery Maxlength plugin
28 Feb 2013
1 Comments   19059 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement Next Previous buttons for Tab Navigation thus allowing us to switch to next Tab programmatically on button click.
15 Mar 2013
4 Comments   40264 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Drag and Drop Rows from Source GridView to Destination GridView in ASP.Net using jQuery UI Sortable plugin.
04 Apr 2013
0 Comments   28520 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement jQuery Carousel Image Gallery in ASP.Net using Repeater control and the jQuery jCarousel plugin.
In this article a dummy datatable has been used but it can also be easily populated from database.
08 Apr 2013
9 Comments   132591 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to show simple modal popup window using jQuery UI Dialog plugin on click of ASP.Net Button.
08 Apr 2013
5 Comments   60654 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to open jQuery Modal Popup Window on Button Click in ASP.Net.
08 Apr 2013
3 Comments   44108 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display jQuery UI Modal Dialog Popup Window when Page Loads.
09 Apr 2013
12 Comments   71704 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to open jQuery UI Dialog Modal Popup Window from server and display message from code behind in ASP.Net using C# and VB.Net
16 Apr 2013
6 Comments   91341 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to Bind data to GridView with jQuery or JSON in ASP.Net using C# and VB.Net and also implement client side Paging using jQuery AJAX
18 Apr 2013
1 Comments   16665 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to populate or bind jQuery Accordion control from SQL Server Database table in ASP.Net with the help of ASP.Net Repeater Control using C# and VB.Net
22 Apr 2013
11 Comments   46691 Views
Here Mudassar Ahmed Khan has provided solution with an example and attached sample code for a much known problem these days i.e. jQuery Plugins not working after UpdatePanel’s Asynchronous request or Partial PostBack is completed.
23 Apr 2013
6 Comments   49091 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to maintain or retain the selected tab of jQuery UI Tabs plugin across postbacks in ASP.Net Website by making use of Hidden Field to store the Tab Index.
02 May 2013
0 Comments   40693 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to implement Nested GridViews i.e. Child GridView inside Parent GridView with Collapsible feature i.e. Expand and Collapse through Button along with paging in the Child or Nested GridView.
25 May 2013
1 Comments   11068 Views
jQuery   CSS
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display semi-transparent text over image on hover or in other words on mouse over by reducing the opacity using CSS and jQuery.
30 May 2013
0 Comments   23023 Views
jQuery   CSS
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display semi-transparent text over image on hover or in other words on mouse over by reducing the opacity using CSS and jQuery.
06 Jun 2013
1 Comments   7363 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change GridView Row Background Color using JavaScript when Row or its Cell is clicked in ASP.Net
09 Jun 2013
3 Comments   15584 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change GridView Row Background Color using JavaScript when Row or its Cell is clicked in ASP.Net
16 Jun 2013
1 Comments   27341 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to use ASP.Net AJAX Control Toolkit ModalPopupExtender Control in ASP.Net GridView control
16 Jun 2013
0 Comments   9545 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code,
how to edit GridView Row using ASP.Net AJAX Control Toolkit Modal Popup Extender in ASP.Net
20 Jun 2013
0 Comments   6156 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change or Highlight GridView Row Background Color on MouseOver ( Hover ) using jQuery and JavaScript in ASP.Net.
21 Jun 2013
7 Comments   37332 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, explain how to implement check uncheck all or select unselect all functionality for CheckBox in GridView ItemTemplate and HeaderTemplate using jQuery and JavaScript.
26 Jun 2013
0 Comments   30491 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to change or highlight GridView Row Background Color on MouseOver ( Hover ) using jQuery in ASP.Net.
This is done by attaching jQuery Mouseover event handler to GridView Row Cells, thus when a Mouse is hovered over GridView Row or Cell its background color is changed thus making it look highlighted.
27 Jun 2013
0 Comments   4515 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to highlight GridView Row when clicked.
Here using jQuery and JavaScript, a client side click event handler is attached to the GridView Row and when the row is clicked its background color is changed so that it looks highlighted.
30 Jun 2013
0 Comments   12914 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to highlight ASP.Net GridView Row Color on Mouseover using jQuery in ASP.Net.
In order to implement GridView Row highlighting or change, jQuery Hover event handler is used, so that when mouse is moved over GridView Row its background color is changed so that the GridView Row looks highlighted and when mouse is moved out its color is changed back to normal like other GridView Rows.
11 Jul 2013
6 Comments   59544 Views
Here Mudassar Ahmed Khan has explained, how to check and uncheck all (select unselect or deselect all) child node CheckBox or CheckBoxes of ASP.Net TreeView control using JavaScript and jQuery.

The idea is to attach the Client Side JavaScript click event handler using jQuery to all CheckBoxes inside the TreeView control and then when some CheckBox is clicked then based on whether it is Child or Parent CheckBox appropriate action is taken.

The script provided in this article works in dual way i.e. it Checks unchecks child CheckBoxes when parent CheckBox is checked or unchecked. While when all the child CheckBoxes are checked then the Parent CheckBox is checked and when even one Child CheckBox is unchecked the Parent CheckBox is unchecked.
11 Jul 2013
2 Comments   6452 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to correctly highlight GridView Rows on Mouseover in ASP.Net using Client side JavaScript and jQuery functions
25 Jul 2013
1 Comments   7189 Views
Here Mudassar Ahmed Khan has explained, how to bind XML data to GridView with jQuery and JSON in ASP.Net using C# and VB.Net
25 Jul 2013
3 Comments   19437 Views
Here Mudassar Ahmed Khan has explained, how to configure jQuery Autocomplete TextBox with ASP.Net Web Services to allow user select multiple word (multi word) from the Autocomplete List.
29 Jul 2013
0 Comments   24916 Views
Here Mudassar Ahmed Khan has explained, how to restrict or prevent user to enter only numbers i.e. numeric value or digits in TextBox using jQuery.

He has also disabled the input via Dropping and Pasting so that user cannot directly drop or paste non numeric content in textbox.
31 Jul 2013
0 Comments   15780 Views
Here Mudassar Ahmed Khan has explained, how to user is allowed to enter only numbers i.e. numeric values or digits in TextBox using jQuery.

He has also disabled the input via Dropping and Pasting so that user is not allowed directly drop or paste non numeric value in textbox.
31 Jul 2013
2 Comments   91148 Views
Here Mudassar Ahmed Khan has explained, how to perform Numeric validation in TextBox using jQuery in such a way that the TextBox will accept only numbers i.e. numeric values or digits in TextBox.

He has also disabled the input via Dropping and Pasting so that user is not allowed directly drop or paste content in textbox and only way to input values is by typing through Keyboard.
17 Aug 2013
2 Comments   31260 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery Accordion plugin in ASP.Net.

This article explains how we can populate jQuery Accordion plugin from database with the help of Repeater control.
17 Aug 2013
0 Comments   26950 Views
Here Mudassar Ahmed Khan has explained and provided a jQuery code snippet to disable or prevent CUT, COPY, PASTE and DROP options.

The script stops user from performing CUT, COPY, PASTE and DROP operations in HTML TextBox, HTML TextArea, ASP.Net TextBox and ASP.Net Multiline TextBox.
21 Aug 2013
1 Comments   35477 Views
Here Mudassar Ahmed Khan has explained, how to change TextBox Background color on Focus CSS and without any JavaScript or jQuery i.e. Highlight TextBox on focus using CSS and without any JavaScript or jQuery and set it back to default on blur
22 Aug 2013
11 Comments   99516 Views
Here Mudassar Ahmed Khan has explained, the 4 ways to send (pass) values (data) from one page to another using jQuery.

The four ways to send (pass) values (data) from one page to another using jQuery are QueryString Parameters, Cookies, Popup Window and Form Post.
03 Sep 2013
1 Comments   34024 Views
Here Mudassar Ahmed Khan has explained, how to move items from one ListBox to another ListBox in ASP.Net using jQuery.

This article also covers, how to fetch the items moved from the Left ListBox to the Right ListBox or vice versa on server side on Button click and preserve the items in the ListBoxes during PostBack.
08 Sep 2013
12 Comments   77528 Views
Here Mudassar Ahmed Khan has explained how to perform form validation using jQuery Validation Plugin.

The various form fields like TextBox, DropDownList, etc. and the type of validations involved would be Required, Email, Password confirmation, Minimum and Maximum Length, Telephone number, Mobile Cell number, Date Format such as dd/MM/yyyy dates.
14 Sep 2013
2 Comments   32937 Views
Here Mudassar Ahmed Khan has explained how to check uncheck all (select unselect all) CheckBoxes in ASP.Net CheckBoxList control using jQuery.
The check uncheck all functionality will be done using an additional CheckBox that will act as Check All CheckBox for the ASP.Net CheckBoxList control.
16 Sep 2013
0 Comments   18882 Views
Here Mudassar Ahmed Khan has provided an informative tip for jQuery developers i.e. how to clear jQuery Autocomplete TextBox after item is selected from jQuery Autocomplete Items.
19 Sep 2013
0 Comments   17319 Views
Here Mudassar Ahmed Khan has explained how to display loading animated GIF Image (loading progress indicator icon) inside the jQuery Autocomplete TextBox when search is processed by jQuery Autocomplete plugin.

This article also explains how to hide or remove the loading animated GIF Image (loading progress indicator icon) once the search is completed.
22 Sep 2013
0 Comments   73497 Views
Here Mudassar Ahmed Khan has explained how to display no results found message (no match found message) when no matching records are found by jQuery Autocomplete plugin.
26 Sep 2013
0 Comments   37837 Views
Here Mudassar Ahmed Khan has explained how to display GridView Row Details by displaying ToolTip on GridView Row when mouse is moved over GridView Cell using jQuery SimpleTip ToolTip Plugin in ASP.Net.
26 Sep 2013
2 Comments   46372 Views
Here Mudassar Ahmed Khan has provided a tutorial with example that explains how to validate ASP.Net form using jQuery Validation Engine Plugin.
14 Oct 2013
4 Comments   34356 Views
Here Mudassar Ahmed Khan has addressed the problem faced when using TinyMCE Rich TextBox Editor inside ASP.Net UpdatePanel.

There are two problems faced, first is that the TinyMCE Rich TextBox Editor disappears after Partial PostBack inside UpdatePanel and second is that the value entered in the TinyMCE Rich TextBox Editor is lost after Partial PostBack in UpdatePanel.
16 Oct 2013
8 Comments   75287 Views
Here Mudassar Ahmed Khan has explained how to upload files with progress bar in ASP.Net using jQuery Uploadify plugin.
23 Oct 2013
0 Comments   65134 Views
Here Mudassar Ahmed Khan has explained how to enable disable ASP.Net Validator (Client Side Validation) such has RequiredField validator, RegularExpression validator, Custom validator, etc. using JavaScript or jQuery.

In order to enable or disable ASP.Net Validator (Client Side Validation), we need to make use of the inbuilt ValidatorEnable ASP.Net client side JavaScript function.
07 Nov 2013
4 Comments   39241 Views
Here Mudassar Ahmed Khan has explained how to save Form data asynchronously (without PostBack) to database using jQuery AJAX and Page Methods (WebMethod on Page) in ASP.Net.

For this article I will make use of an ASP.Net WebMethod and the data from the form fields i.e. TextBox, DropDownList, etc. will be inserted into database table.
15 Nov 2013
5 Comments   54533 Views
Here Mudassar Ahmed Khan has explained how to insert or update data asynchronously (without PostBack) to database using jQuery AJAX and Page Methods (WebMethod on Page) in ASP.Net.
19 Nov 2013
2 Comments   99011 Views
Here Mudassar Ahmed Khan has explained, how to get (retrieve) data from database and display it on page using jQuery AJAX Web Method in ASP.Net using C# and VB.Net
19 Nov 2013
3 Comments   16882 Views
Here Mudassar Ahmed Khan has explained how to validate ASP.Net RadioButtonList using jQuery in ASP.Net.

jQuery ValidationEngine plugin is used to perform validation of ASP.Net RadioButtonList.
22 Nov 2013
0 Comments   18597 Views
Here Mudassar Ahmed Khan has explained, explain how to validate ASP.Net CheckBoxList using jQuery in ASP.Net.

jQuery ValidationEngine plugin is used to perform validation of ASP.Net CheckBoxList. Validations such at least one (minimum one) checkbox must be checked, at least two (minimum two) checkbox must be checked, etc.
23 Nov 2013
15 Comments   129996 Views
Here Mudassar Ahmed Khan has explained how to make a call to ASP.Net WebMethod using jQuery AJAX.
02 Dec 2013
7 Comments   36425 Views
Here Mudassar Ahmed Khan has explained, how to perform AJAX CRUD operations (Create, Read, Update and Delete) using GridView control in ASP.Net.
06 Dec 2013
3 Comments   31118 Views
Here Mudassar Ahmed Khan has explained how to implement Infinite Scroll or Endless Scroll technique in ASP.Net where database records are fetched dynamically on browser page scroll down using jQuery AJAX.
06 Dec 2013
4 Comments   18940 Views
Here Mudassar Ahmed Khan has explained how to implement Infinite / Endless / Continuous Scroll technique in ASP.Net GridView where database records are fetched dynamically when GridView is scrolled down using jQuery AJAX and Web Methods.
17 Dec 2013
2 Comments   20424 Views
Here Mudassar Ahmed Khan has explained how to dynamically load images from database along with other information when is page scrolling down using DataList control in ASP.Net.
18 Dec 2013
6 Comments   53333 Views
Here Mudassar Ahmed Khan has explained how to display GridView Row Details in jQuery UI Dialog Modal Popup window in ASP.Net.
29 Dec 2013
14 Comments   78846 Views
Here Mudassar Ahmed Khan has explained how to search GridView records (data) on TextBox KeyPress event using jQuery in ASP.Net.

In order to search GridView records (data) on TextBox KeyPress event, I am making use of jQuery QuickSearch Plugin which dynamically searches the GridView cells and filters out the unwanted rows and displays only the records (data) that matches the input search term.
01 Jan 2014
0 Comments   56403 Views
Here Mudassar Ahmed Khan has shared a trick to prevent user refreshing the browser using Keyboard F5 function key by disabling the F5 function key using JavaScript or jQuery.

The idea is to determine the key code of the pressed key and if it is 116 i.e. ASCII key code of Keyboard F5 function key then stop its propagation by returning false inside the event handler.
01 Jan 2014
0 Comments   17344 Views
Here Mudassar Ahmed Khan has explained how to set MaxLength for Multiline TextBox in ASP.Net using jQuery.

By default the MaxLength property does not work for Multiline TextBox and hence I have created a jQuery Plugin which sets MaxLength for ASP.Net Multiline TextBox and also displays the character count as text is typed.
02 Jan 2014
0 Comments   37015 Views
Here Mudassar Ahmed Khan has explained how to modify the ASP.Net WCF (Windows Communication Foundation) service to make it accept AJAX JSON calls and to make AJAX JSON calls to ASP.Net WCF Service using JavaScript and jQuery
10 Jan 2014
1 Comments   23036 Views
Here Mudassar Ahmed Khan has explained how to implement infinite scrolling of images like Bing and Google in ASP.Net using jQuery AJAX in C# and VB.Net.
Thus creating an Infinite scrolling image gallery where images will be dynamically loaded from database along with other information when is page scrolling down using DataList control in ASP.Net.

Here Mudassar Ahmed Khan has explained how to dynamically load images from database along with other information when is page scrolling down using DataList control in ASP.Net.
16 Jan 2014
7 Comments   44314 Views
In this article I will explain how search records (data) on TextBox KeyPress in GridView with paging enabled using jQuery in ASP.Net. The matching records will be shown as highlighted.

In one of my previous articles "Search GridView records (data) on TextBox KeyPress using jQuery in ASP.Net", I have implemented GridView search using jQuery QuickSearch but the jQuery QuickSearch plugin does not work for GridView which has Paging enabled.

Since we need to dynamically search and filter GridView records on TextBox KeyPress, we will need to bind the GridView using jQuery AJAX, C# and VB.Net
22 Jan 2014
0 Comments   33457 Views
Here Mudassar Ahmed Khan has explained how to validate / check file size before it is uploaded using jQuery Uploadify plugin.

By default there is no way to validate / check file size before it is uploaded, but jQuery Uploadify Plugin makes use of Flash program to determine the size of the File as soon as it is selected.
12 Feb 2014
0 Comments   26685 Views
Here Mudassar Ahmed Khan has explained how to implement “Show Password” functionality for Password TextBox when the “Show Password” CheckBox is checked using plain jQuery and no additional jQuery plugin.

This “Show Password” feature is of great use and it allows user to view and verify their password during registration as well as when logging into some website.
The article contains explanation for HTML Password TextBox as well as ASP.Net TextBox.
17 Feb 2014
0 Comments   19404 Views
Here Mudassar Ahmed Khan has explained, how to implement Scrolling back to Top Button using plain jQuery and no additional jQuery Plugins.
In order to make the Scrolling back to Top action smooth, jQuery animation has been used.
02 Mar 2014
0 Comments   30688 Views
Here Mudassar Ahmed Khan has explained how to dynamically create HTML5 canvas charts using JavaScript, jQuery and JSON.

The HTML 5 Canvas charts have been implemented using the free Chart.js library to which JSON object is supplied as source of data. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
10 Mar 2014
2 Comments   4898 Views
Here Mudassar Ahmed Khan has explained how to implement 5 Star rating using jQuery plugin, save the rating value rated by user to database and display the value of Average Rating (in decimal format) and the Total Rating from database using jQuery AJAX and WebMethods in ASP.Net.
11 Mar 2014
4 Comments   40452 Views
Here Mudassar Ahmed Khan has explained how to detect / find the IP Address of the client / user machine using JavaScript & jQuery.
20 Apr 2014
1 Comments   8006 Views
Here Mudassar Ahmed Khan has explained how to use jQuery Star rating in ASP.Net using jQuery Rating Plugin
21 Apr 2014
2 Comments   34137 Views
Here Mudassar Ahmed Khan has explained how to implement Image Slider from database using the jQuery jCarousel plugin in ASP.Net.
26 Apr 2014
0 Comments   15536 Views
Here Mudassar Ahmed Khan has explained how to allow website visitors to change i.e. increase or decrease font size of text using JavaScript and jQuery.
He has shown how to change i.e. increase or decrease the font size of text of whole page or particular section or part of page using JavaScript or jQuery

There are multiple monitor dimensions and resolutions, thus sometimes users find it difficult to read the information and hence they can use this feature to increase or decrease font size of the text for improved readability.
28 Apr 2014
3 Comments   20126 Views
Here Mudassar Ahmed Khan has explained how to build Master / Detail GridView using jQuery in ASP.Net.
The detail GridView can be expanded and collapsed using jQuery when button is clicked in the Master GridView.
11 May 2014
1 Comments   25417 Views
Here Mudassar Ahmed Khan has explained how to add vertical scrollbar to ASP.Net GridView using jQuery ScrollableGridView plugin.

This plugin adds vertical scrollbar to GridView with Fixed header row.
31 May 2014
1 Comments   24854 Views
Here Mudassar Ahmed Khan has explained how to drag and drop images from one DIV to another using jQuery. In order to drag and drop images I have made use of jQuery UI Draggable and Droppable plugins.
03 Jun 2014
1 Comments   15222 Views
Here Mudassar Ahmed Khan has explained with an example how to drag and drop in HTML page using jQuery and JavaScript by making use of jQuery UI Draggable and Droppable plugins.
04 Jun 2014
8 Comments   41593 Views
Here Mudassar Ahmed Khan has explained how to capture still image / photo / picture from Web Camera (Webcam) in ASP.Net using C# and VB.Net.

In order to capture images from Web Camera (Webcam) I am making use of jQuery Webcam plugin. The images captured using Web Camera (Webcam) will be saved in folder and displayed in ASP.Net Image control.
05 Jun 2014
1 Comments   31466 Views
Here Mudassar Ahmed Khan has explained how to submit form to database without page refresh using jQuery AJAX and JSON in ASP.Net.

For this article I will make use of an ASP.Net WebMethod and the data from the form fields i.e. TextBox, DropDownList, etc. will be inserted into database table.
14 Jun 2014
0 Comments   10462 Views
Here Mudassar Ahmed Khan has explained how to catch, handle and display ASP.Net server side exceptions occurring inside the Web Service WebMethods during jQuery AJAX calls. The caught exception is in the form of a JSON serialized string, plain text or HTML. If it is a JSON string, then it is parsed and converted into a JSON object and the details of the exception are extracted.

The details of the exception are then displayed using jQuery UI Dialog modal popup.
15 Jun 2014
1 Comments   13507 Views
Here Mudassar Ahmed Khan has explained how to delete row from GridView and database using jQuery in ASP.Net, C# and VB.Net.

When the delete button is clicked, a JavaScript confirmation box will be displayed and once confirmed a jQuery AJAX call will be made to the WebMethod which will then execute a DELETE query on the database table.

Once the record is deleted successfully from database, the corresponding row will be removed from GridView using jQuery.
20 Jun 2014
1 Comments   34186 Views
Here Mudassar Ahmed Khan has explained how to send or pass multiple parameters to Web Method in jQuery AJAX POST call in ASP.Net.

Generally people face issues with jQuery AJAX POST call to WebMethod when multiple parameters have to be passed, due to syntax errors the WebMethod does not get called.

Hence I have come up in an innovative way where using JSON object and JSON2 Stringify method one can easily post any number and any type of parameters to WebMethod using jQuery AJAX.
22 Jun 2014
0 Comments   114709 Views
Here Mudassar Ahmed Khan has explained how to use Regular Expression (Regex) to accept/allow only Alphabets and Space in TextBox in ASP.Net using:-

1. RegularExpression Validator.
2. JavaScript.
3. jQuery.
26 Jun 2014
0 Comments   8458 Views
Here Mudassar Ahmed Khan has explained how to use jQuery ValidationEngine plugin with ASP.Net AJAX UpdatePanel control.

By default the jQuery ValidationEngine plugin does not stop submission even if the validation is failing and hence we will need to make use of ASP.Net UpdatePanel client side events to fix the issue.
28 Jun 2014
1 Comments   30676 Views
Here Mudassar Ahmed Khan has explained how to show jQuery UI Dialog modal popup after jQuery AJAX call is completed inside the Success event handler in ASP.Net.

The jQuery UI Dialog is initialized before the jQuery AJAX call but it is shown on the page after the response is received by the jQuery AJAX call.
01 Jul 2014
2 Comments   12333 Views
Here Mudassar Ahmed Khan has explained how to implement Price Range Slider in ASP.Net using jQuery Slider plugin and jQuery AJAX.

When the price range is changed inside the slider, the items will be filtered from database using jQuery AJAX.
10 Jul 2014
4 Comments   20998 Views
Here Mudassar Ahmed Khan has explained how to show image preview in a DIV before the image is actually uploaded to server using jQuery.

The live preview is shown using the DXImageTransform filter CSS property in browsers that do not support HTML5 i.e. Internet Explorer 8 and 9.

While for the browsers that support HTML5 i.e. Internet Explorer 10 and 11+, Mozilla FireFox, Google Chrome and Opera, the image preview is displayed using HTML5 FileReader API.
10 Jul 2014
0 Comments   15421 Views
Here Mudassar Ahmed Khan has explained how to display the error messages and details of error exceptions caught inside the Error and Failure event handlers of jQuery AJAX call.
The error messages and details are displayed using jQuery UI Dialog Popup.
11 Jul 2014
0 Comments   4281 Views
Here Mudassar Ahmed Khan has explained how to display preview of image locally without uploading to server using jQuery.
The local image preview without server upload is shown using the DXImageTransform filter CSS property and HTML5 FileReader API.
18 Jul 2014
1 Comments   22748 Views
Here Mudassar Ahmed Khan has explained how to preview image before upload using FileUpload control in ASP.Net using jQuery, CSS and HTML5.
06 Aug 2014
0 Comments   17662 Views
Here Mudassar Ahmed Khan has shared the jQuery plugin for TextArea to implement to limit characters with character count feature.

HTML TextArea control does not have MaxLength property hence I have built a MaxLength jQuery plugin which allows user to enforce character limit validation and optionally display the character count.
06 Aug 2014
0 Comments   2946 Views
Here Mudassar Ahmed Khan has explained how to enforce character limit with character count feature when text is pasted in HTML TextArea.

The jQuery Character limit Plugin works in both cases, when the text is pasted using CTRL + V keyboard shortcut and also when the text is pasted using the Paste option in Context Menu which opens when TextArea is right clicked.
28 Aug 2014
0 Comments   7830 Views
Here Mudassar Khan has explained how to Clone DropDownList Items i.e. Copy DropDownList Items to another DropDownList using jQuery.

The DropDownList is cloned and its items are copied to another DropDownList along with the Selected Value.
14 Sep 2014
1 Comments   11350 Views
Here Mudassar Ahmed Khan has explained how to enable disable TextBox in GridView when CheckBox is selected (checked) in ASP.Net using jQuery.

The article also features Header CheckBox which will allow users to enable disable TextBoxes in all rows when the Header CheckBox is selected (checked).
28 Sep 2014
2 Comments   15646 Views
Here Mudassar Ahmed Khan has explained how to use Google Chart APIs with database in ASP.Net using C#, VB.Net and jQuery.

In this example he has populated Pie chart, 3D Pie chart and Doughnut chart from database using jQuery AJAX and WebMethods in ASP.Net.
15 Nov 2014
0 Comments   7571 Views
ASP.Net   AJAX   jQuery   JSON
Here Mudassar Ahmed Khan has explained how to populate CheckBoxList control from database on client side using jQuery AJAX, JSON and Web Method in ASP.Net using C# and VB.Net.

Just like the ASP.Net server side CheckBoxList, this jQuery CheckBoxList also supports the RepeatColumns property using which one can repeat the CheckBoxes in multiple columns.
This article also explains how to get the Selected Text and Value of the ASP.Net CheckBoxList populated using jQuery AJAX on Button click.
18 Nov 2014
0 Comments   2616 Views
Here Mudassar Ahmed Khan has explained a very interesting topic i.e. to detect whether the keyboard Caps Lock key is ON or OFF dynamically when typing into a TextBox using JavaScript and jQuery.

There is no way to detect whether in a browser but by writing some logic to detect the various keyboard keys I have developed a code that does the job and works in all browsers.
20 Nov 2014
1 Comments   11951 Views
Here Mudassar Ahmed Khan has explained how to check (validate) File (Image) size before upload using JavaScript and jQuery.

HTML5 allows developers to access the file contents and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily determine the size of the File.
For browsers that don’t support HTML5 have to use jQuery Flash plugins like Uploadify.
25 Nov 2014
6 Comments   22408 Views
Here Mudassar Ahmed Khan has explained how to change the URL in browser without reloading or refreshing the page using HTML5 History API in JavaScript and jQuery.

HTML5 History API allows browsers to modify the URL without reloading or refreshing the page using pushState function.
26 Nov 2014
0 Comments   3738 Views
Here Mudassar Ahmed Khan has explained how to display image immediately after file is selected in FileUpload control using jQuery, CSS and HTML5.
26 Nov 2014
1 Comments   3831 Views
Here Mudassar Ahmed Khan has explained how to solve the issue of jQuery event handler inside AJAX UpdatePanel not working after Partial PostBack in ASP.Net.
29 Nov 2014
1 Comments   18825 Views
Here Mudassar Ahmed Khan has explained how to read, parse and display a CSV file (Comma separated Text file) selected in FileUpload control (HTML File Input) on client side using JavaScript, jQuery and HTML5.

HTML5 allows developers to access the file contents and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the file contents.
01 Dec 2014
5 Comments   61927 Views
Here Mudassar Ahmed Khan has explained how to implement a Multiple Select (MultiSelect) DropDownList with CheckBoxes in ASP.Net using jQuery Bootstrap Multi-Select Plugin.

In order to implement a Multiple Select (MultiSelect) DropDownList with CheckBoxes in ASP.Net we will need to make use of ListBox control and apply the jQuery Bootstrap Multi-Select Plugin to it.
02 Dec 2014
2 Comments   6640 Views
Here Mudassar Ahmed Khan has explained how to maintain the scroll position for Scrollable GridView using jQuery inside AJAX UpdatePanel when Partial PostBack occurs.

This article is an extension of my previous article Scrollable GridView with Fixed Headers inside ASP.Net UpdatePanel using jQuery Plugin, as it uses the version 3.0 of the jQuery Scrollable GridView plugin which now solves the issue of DIV scroll position getting lost on AJAX UpdatePanel partial PostBack.
05 Dec 2014
0 Comments   16927 Views
Here Mudassar Ahmed has explained how to search and filter GridView as you type in TextBox using jQuery AJAX in ASP.Net with C# and VB.Net.
08 Dec 2014
1 Comments   5427 Views
Here Mudassar Ahmed Khan has explained how to implement 360 degree view image rotator to allow users perform 360 degree view image rotation of Products using jQuery ThreeSixty Plugin.

The jQuery ThreeSixty plugin has three modes of operation:-

Click – 360 degree image rotation is performed after mouse is clicked on the image and moved.
MouseMove - 360 degree image rotation is performed when mouse is moved over the Image.
Auto - 360 degree image rotation is performed automatically.
11 Dec 2014
1 Comments   12736 Views
Here Mudassar Ahmed Khan has explained how to implement Start Date should be less than End date validation when using two jQuery DatePickers.

When we use two jQuery DatePickers one for choosing the start date while other for choosing the end date, there’s a need to validate that the selected start date must always be less than the selected end date.
12 Dec 2014
0 Comments   10038 Views
Here Mudassar Ahmed Khan has explained how to preview multiple images before upload using HTML INPUT FileUpload control using JavaScript jQuery, CSS and HTML5.

The multiple image preview is displayed using HTML5 FileReader API in browsers that support HTML5 i.e. Internet Explorer 10 and 11+, Mozilla FireFox, Google Chrome and Opera.
14 Dec 2014
0 Comments   4486 Views
Here Mudassar Ahmed Khan has explained how to search GridView records and highlight search text (keyword) in GridView using jQuery in ASP.Net.
17 Dec 2014
0 Comments   3573 Views
Here Mudassar Ahmed Khan has explained with an example, how to send (pass) parameters to Web Method in jQuery AJAX POST call in ASP.Net.
18 Dec 2014
0 Comments   6243 Views
Here Mudassar Ahmed Khan has explained how to add and display CheckBoxList (CheckBoxes) in DropDownList in ASP.Net using jQuery Bootstrap Multi-Select Plugin.
19 Dec 2014
0 Comments   8356 Views
Here Mudassar Ahmed Khan has explained how to display large amount of data in GridView with Search functionality in ASP.Net by making use of Paging using Stored Procedures and jQuery AJAX.

By combining the power of SQL Server and jQuery we can efficiently do paging through large amounts of data.
22 Dec 2014
1 Comments   10599 Views
Here Mudassar Ahmed Khan has explained how to Crop and Upload Image with Live Thumbnail Preview using jQuery and HTML5 Canvas in ASP.Net with C# and VB.Net.

The image will be cropped using the Jcrop jQuery plugin, and Live Thumbnail Preview is displayed using HTML5 Canvas.
31 Dec 2014
5 Comments   37853 Views
Here Mudassar Ahmed Khan has explained how to make GridView responsive so that it fits and adjusts itself to look good in Mobile Phone, Tablet and Desktop displays in ASP.Net using jQuery.

In order to make the GridView responsive, I am using Footable jQuery plugin which is compatible with Bootstrap design.
04 Jan 2015
0 Comments   5381 Views
Here Mudassar Ahmed Khan has explained how to clear ASP.Net FileUpload control using JavaScript and jQuery. ASP.Net FileUpload control is actually HTML Input File element which is ReadOnly i.e. one cannot modify its value on Client Side using JavaScript or jQuery.

Hence he has created a clone of the original control and replaced it with new one in order to clear ASP.Net FileUpload control on Client Side using JavaScript and jQuery.
12 Jan 2015
0 Comments   3179 Views
Here Mudassar Ahmed Khan has explained how to disable mouse right click in ASP.Net (ASPX) page using JavaScript and jQuery.

The script has to be copied in Master Page or Content Page and it will disable mouse right click in ASP.Net (ASPX) page using JavaScript and jQuery.
27 Jan 2015
0 Comments   2944 Views
Here Mudassar Ahmed Khan has explained how to dynamically add and remove TextBoxes dynamically using jQuery in ASP.Net using C# and VB.Net.

He has also explained how to fetch the values of the dynamically generated TextBoxes using jQuery on Server Side and also retain the dynamic TextBoxes across PostBack.
02 Feb 2015
1 Comments   6102 Views
Here Mudassar Ahmed Khan has explained how to upload multiple files using jQuery AJAX and Generic Handler (ASHX) in ASP.Net using C# and VB.Net.

Multiple files will be uploaded using Generic Handler (ASHX) and jQuery Uploadify Plugin.
02 Feb 2015
2 Comments   3082 Views
Here Mudassar Ahmed Khan has explained how to display default Text Label in TextBox using jQuery in ASP.Net.

The process to display default Text Label in TextBox is known as Watermarking.
03 Feb 2015
0 Comments   3218 Views
Here Mudassar Ahmed Khan has explained how to make a Label editable i.e. when the Label is clicked it will be converted into a TextBox using jQuery in ASP.Net, C# and VB.Net.

Once the edit is done and user clicks anywhere outside the TextBox, it will get converted back to a Label using jQuery.
05 Feb 2015
0 Comments   5821 Views
Here Mudassar Ahmed Khan has explained how to validate End date should be greater than Start date when using two jQuery DatePickers.

When we use two jQuery DatePickers one for choosing the start date while other for choosing the end date, there’s a need to validate that the selected End date must always be greater than the selected Start date.
07 Feb 2015
3 Comments   8490 Views
Here Mudassar Ahmed Khan has explained how to validate File extension before Upload using Regular Expression (Regex) in JavaScript and jQuery.

The selected File’s extension will be validated using a Regular Expression and an error message will be displayed when an invalid file is selected.
19 Feb 2015
1 Comments   3819 Views
Here Mudassar Ahmed Khan has explained how to call a JavaScript function on GridView Row click using jQuery in ASP.Net.

Using jQuery a Click event handler will be assigned to the GridView Row so that whenever the GridView Row is clicked the JavaScript function can be called.
21 Feb 2015
0 Comments   3980 Views
Here Mudassar Ahmed Khan has explained how to get Client ID of ASP.Net control in JavaScript and jQuery. This problem starts happening once we use Master Page as the ID of controls are changed on client side which makes it impossible to find an of ASP.Net control using JavaScript.
24 Feb 2015
4 Comments   8669 Views
Here Mudassar Ahmed Khan has explained how to maintain or retain the selected (active) tab in Bootstrap Tabs on PostBack in ASP.Net.
26 Feb 2015
0 Comments   6871 Views
Here Mudassar Ahmed Khan has explained how to display GridView Row details in New Popup Window using JavaScript and jQuery in ASP.Net.

The new Popup Window will be opened when the HyperLink in GridView row is clicked.
03 Mar 2015
1 Comments   8596 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of RadioButtonList using jQuery and also set selected item in RadioButtonList by Value and by Text using jQuery in ASP.Net.
03 Mar 2015
0 Comments   5571 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of CheckBoxList control using jQuery in ASP.Net.
04 Mar 2015
0 Comments   2588 Views
Here Mudassar Ahmed Khan has explained how to upload multiple files with Progress Bar using Flash and jQuery in ASP.Net using C# and VB.Net.

jQuery Uploadify Plugin makes use of Flash for uploading multiple files with progress bar.
07 Mar 2015
0 Comments   2075 Views
Here Mudassar Ahmed Khan has explained how to handle errors and exceptions in jQuery AJAX calls and show (display) Custom Exception messages using jQuery Dialog.
10 Mar 2015
1 Comments   5730 Views
Here Mudassar Ahmed Khan has explained with an example how to make Scrollable Table in HTML with Fixed Header using jQuery and jQuery Scrollable Table Plugin.
The HTML Table Header will be made fixed using the free ASPSnippets jQuery Scrollable Table Plugin.
12 Mar 2015
0 Comments   3263 Views
Here Mudassar Ahmed Khan has explained how to add (insert) Item (values) to ASP.Net ListBox using JavaScript and jQuery. The value from the TextBox will be added to the ASP.Net ListBox control using JavaScript and jQuery.
13 Mar 2015
0 Comments   1818 Views
Here Mudassar Ahmed Khan has explained how to remove (delete) multiple selected items from the ASP.Net ListBox using JavaScript and jQuery.
15 Mar 2015
0 Comments   1730 Views
Here Mudassar Ahmed Khan has explained how to make an ASP.Net ListBox empty by clearing (removing) all items of the ASP.Net ListBox using JavaScript and jQuery.
16 Mar 2015
1 Comments   9964 Views
Here Mudassar Ahmed Khan has explained how to print DIV contents with CSS styles using JavaScript and jQuery without using any jQuery Print plugin.
When one tries to print a DIV with CSS styles applied from an external CSS file, the contents are printed without the CSS styles. Thus using the following trick one can print the DIV contents with the CSS styles.
16 Mar 2015
0 Comments   946 Views
Here Mudassar Ahmed Khan has explained how to disable mouse right click in web page using JavaScript and jQuery.

The script has to be copied in the head or body section of the web page and it will disable mouse right click using JavaScript and jQuery.
16 Mar 2015
0 Comments   1785 Views
Here Mudassar Ahmed Khan has explained the easiest way to disable Submit button after click using JavaScript and jQuery.
The script needs to be placed on the web page and it will disable all submit buttons as soon as any submit button is clicked using JavaScript and jQuery.
17 Mar 2015
0 Comments   3053 Views
Here Mudassar Ahmed Khan has explained how to dynamically load (populate) contents of jQuery UI Dialog Modal Popup using jQuery AJAX.
18 Mar 2015
0 Comments   4637 Views
Here Mudassar Ahmed Khan has explained how to display Google Maps inside jQuery UI Dialog Modal Popup window.
20 Mar 2015
0 Comments   5232 Views
Here Mudassar Ahmed Khan has explained how to create a dynamic Table in HTML at runtime using jQuery. The columns, rows and cells will be dynamically created in the Table using jQuery.
21 Mar 2015
0 Comments   3302 Views
Here Mudassar Ahmed Khan has explained how to make the Headers fixed and Rows scrollable in ASP.Net Repeater control.
The Repeater’s header will be fixed and rows will be made scrollable using jQuery Scrollable Table plugin.
21 Mar 2015
0 Comments   1064 Views
Here Mudassar Ahmed Khan has explained JSONP request with Callback example using jQuery i.e. how to make a Cross Domain JSONP request with Callback using plain jQuery.
Callback means that it will call a function once the response is ready.
22 Mar 2015
0 Comments   3471 Views
Here Mudassar Ahmed Khan has explained the process of GridView row reordering i.e. Drag and Drop ordering of GridView Rows using jQuery in ASP.Net.
The drag and drop ordering of GridView Rows will be performed using jQuery UI Sortable Plugin.
25 Mar 2015
0 Comments   5164 Views
Here Mudassar Ahmed Khan has explained how to dynamically add rows to GridView on client side using jQuery on Button click in ASP.Net.
The GridView Rows added using jQuery on client side will be fetched on server side and inserted into the database.
26 Mar 2015
0 Comments   3723 Views
Here Mudassar Ahmed Khan has explained how to get the Text and Value of multiple selected items of ASP.Net ListBox using JavaScript and jQuery.
30 Mar 2015
0 Comments   4232 Views
Here Mudassar Ahmed Khan has explained how to find, access, get value and validate TextBox and DropDownList controls in GridView row using jQuery in ASP.Net.
This article will explain how to find and validate TextBox and DropDownList controls inside the ASP.Net GridView row using jQuery when it is being edited.
31 Mar 2015
0 Comments   1590 Views
Here Mudassar Ahmed Khan has provided solution for the jQuery UpdatePanel Conflicts i.e. how to solve the issue of jQuery not working with ASP.Net AJAX UpdatePanel Asynchronous PostBack.
03 Apr 2015
0 Comments   4423 Views
Here Mudassar Ahmed Khan has explained how to zoom (enlarge) images on MouseOver in ASP.Net DataList using jQuery ElevateZoom Image Zoom plugin.
04 Apr 2015
0 Comments   1323 Views
Here Mudassar Ahmed Khan has provided code to disable / restrict / prevent mouse right click in web page using JavaScript and jQuery.

The code has to be copied in your web page HEAD section and it will disable / restrict / prevent mouse right click using JavaScript and jQuery.
09 Apr 2015
0 Comments   3661 Views
Here Mudassar Ahmed Khan has explained how to populate and display JSON data in HTML Table using jQuery.
The HTML Table will be dynamically created by looping through the JSON array elements on Button click using jQuery.
12 Apr 2015
0 Comments   10589 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of HTML Select DropDownList in OnChange event using JavaScript and jQuery.
13 Apr 2015
0 Comments   1403 Views
Here Mudassar Ahmed Khan has explained how to get selected Text and Value of HTML Select DropDownList on Button click using JavaScript and jQuery.
13 Apr 2015
0 Comments   1973 Views
Here Mudassar Ahmed Khan has explained how to validate (check) HTML Select DropDownList using JavaScript and jQuery.
15 Apr 2015
0 Comments   3317 Views
Here Mudassar Ahmed Khan has explained how to get Text and Value of selected Item (Option) of ASP.Net DropDownList on Button click using JavaScript and jQuery.
15 Apr 2015
0 Comments   2021 Views
Here Mudassar Ahmed Khan has explained how to validate (check) ASP.Net DropDownList using JavaScript and jQuery.
18 Apr 2015
0 Comments   3411 Views
Here Mudassar Ahmed Khan has explained how to get and then validate (check) dimensions (Height and Width) of Image file before upload using HTML5, JavaScript and jQuery.
HTML5 allows developers to access the file details such as Height and Width using JavaScript and jQuery.
27 Apr 2015
0 Comments   1002 Views
Here Mudassar Ahmed Khan explained with example, how to use multiple jQuery versions on the same page using jQuery noConflict function.
jQuery noConflict function allows to specify different variable names to the jQuery versions and this makes multiple versions work together without conflicting.
01 May 2015
0 Comments   1090 Views
Here Mudassar Ahmed Khan has explained a tutorial with example on how to use HTML5 History API pushState function in JavaScript and jQuery.
HTML5 History API allows browsers to modify the URL without reloading or refreshing the page using pushState function.
03 May 2015
0 Comments   2091 Views
Here Mudassar Ahmed Khan has explained with an example how to make a GridView Header fixed (static) on scroll in ASP.Net using jQuery.
04 May 2015
1 Comments   1492 Views
Here Mudassar Ahmed Khan has explained how to enable disable ASP.Net RequiredFieldValidator, using JavaScript and jQuery.

In order to enable or disable ASP.Net RequiredFieldValidator, we need to make use of the inbuilt ValidatorEnable ASP.Net client side JavaScript function.
04 May 2015
0 Comments   1151 Views
Here Mudassar Ahmed Khan has explained how to handle the problem where long text of items (options) getting cut (stripped) when we set width for ASP.Net DropDownList control and HTML SELECT DropDownList.

Whenever we specify width of ASP.Net DropDownList control or HTML SELECT and if the text length of any ASP.Net DropDownList Item or HTML SELECT option exceeds the width, browser trims the extra characters which makes it difficult to read the complete text.
05 May 2015
1 Comments   2155 Views
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to display a Calendar control in ASP.Net with facility to select time.
ASP.Net AJAX Calendar Extender control does not have option to select time and hence an alternative jQuery Calendar with Date and Time selection can be used.
07 May 2015
0 Comments   3312 Views
Here Mudassar Ahmed Khan has explained how to show and hide HTML DIV with TextBox when CheckBox is checked (selected) and unchecked (unselected) using JavaScript and jQuery.
When the CheckBox is clicked based on whether it is checked (selected) or unchecked (unselected), the HTML DIV with TextBox will be shown or hidden.
11 May 2015
0 Comments   3376 Views
Here Mudassar Ahmed Khan has explained how to show and hide HTML DIV with TextBox based RadioButton selection or click i.e. when RadioButtons are checked (selected) and unchecked (unselected) using JavaScript and jQuery.
When the RadioButton is clicked based on whether it is checked (selected) or unchecked (unselected), the HTML DIV with TextBox will be shown or hidden.
13 May 2015
0 Comments   2753 Views
Here Mudassar Ahmed Khan has explained with example, how to create Organizational Chart from Database using Google Organizational Chart in ASP.Net using C# and VB.Net.
The Organizational Chart will also display Pictures (Images) in each Node of the Google Organizational Chart.
13 May 2015
0 Comments   2947 Views
Here Mudassar Ahmed Khan has explained with example, how to create Family Tree Hierarchy Chart from Database using Google Organizational Chart in ASP.Net using C# and VB.Net.
The Family Tree Hierarchy Chart will also display Pictures (Images) in each Node of Family Tree Hierarchy Chart.
15 May 2015
0 Comments   2230 Views
Here Mudassar Ahmed Khan has explained how to redirect to another page (HTML page) after delay of some time (say 5 seconds or 10 seconds) using JavaScript and jQuery.
The JavaScript setInterval function will be used to redirect to another page after delay of some time using JavaScript and jQuery.
15 May 2015
0 Comments   1994 Views
Here Mudassar Ahmed Khan has explained how to redirect to new page (another page) after jQuery AJAX call is successful (completed) i.e. response is received in the Success event handler.
For illustration purposes, ASP.Net page will be used for handling jQuery AJAX calls.
16 May 2015
0 Comments   1085 Views
Here Mudassar Ahmed Khan has explained an example of animated smooth Scroll to Top of page functionality using jQuery
In order to make the scroll to top of page action smooth, jQuery animation has been used.
16 May 2015
0 Comments   1108 Views
Here Mudassar Ahmed Khan has explained how to implement Scroll to Bottom Button using jQuery i.e. Smooth Animated Scroll to Bottom of page example using plain jQuery and no additional jQuery Plugins.
In order to make the Scroll to Bottom action smooth, jQuery animation has been used.
17 May 2015
0 Comments   1974 Views
Here Mudassar Ahmed Khan has explained how to implement and populate animated HTML5 Canvas Multi-Series Line Chart (Graph) from database using jQuery AJAX in ASP.Net.
The HTML 5 Canvas charts have been implemented using Chart.js library. This article also covers procedure to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.
18 May 2015
0 Comments   718 Views
Here Mudassar Ahmed Khan has shared the jQuery plugin to set MaxLength of HTML TextArea using JavaScript and jQuery i.e. Limit number of Characters entered in TextArea using JavaScript and jQuery.
18 May 2015
0 Comments   926 Views
Here Mudassar Ahmed Khan has explained how to implement HTML5 Canvas Touch Screen and Mouse Sketchpad (Drawing) App in ASP.Net using jQuery Sketch plugin.
HTML5 Canvas Sketchpad (Drawing) App will allow users to draw lines, scribble, write, sketch, etc. with mouse and touch screen.
24 May 2015
0 Comments   962 Views
Here Mudassar Ahmed Khan has explained how to enable a RequiredFieldValidator when CheckBox is checked and disable a RequiredFieldValidator when CheckBox is unchecked in ASP.Net using JavaScript and jQuery.
In order to enable or disable ASP.Net RequiredFieldValidator, the ASP.Net ValidatorEnable client side JavaScript function is used.
24 May 2015
0 Comments   1706 Views
Here Mudassar Ahmed Khan has explained how to make a TextBox required if a CheckBox is checked by enabling the RequiredFieldValidator in ASP.Net using JavaScript and jQuery.
In order to enable ASP.Net RequiredFieldValidator for the TextBox when the CheckBox is checked, the ASP.Net ValidatorEnable client side JavaScript function is used.
25 May 2015
0 Comments   1766 Views
Here Mudassar Ahmed Khan has explained with example, how to call (consume) Web Service (ASMX) using jQuery AJAX in ASP.Net using C# and VB.Net.
The Web Method of Web Service (ASMX) will be called using jQuery AJAX Post Method.
25 May 2015
0 Comments   1401 Views
Here Mudassar Ahmed Khan has explained with an example, how to call (execute) Server Side (Code Behind) method from jQuery UI Dialog Modal Popup in ASP.Net.
28 May 2015
0 Comments   978 Views
Here Mudassar Ahmed Khan has explained how to clear jQuery AutoComplete TextBox when no match found. The following article explains “Display No results found message (No match found message) in jQuery AutoComplete”, now when “No match found” item is selected then the jQuery AutoComplete TextBox’s value is cleared.
30 May 2015
0 Comments   895 Views
Here Mudassar Ahmed Khan has explained how to make the jQuery Autocomplete TextBox work with Content Page inherited with Master Page in ASP.Net using C# and VB.Net.
When Master Page is used the ClientID of the ASP.Net Controls are changed and jQuery is unable to find the target control.
31 May 2015
0 Comments   1002 Views
Here Mudassar Ahmed Khan has explained how to solve the problem of jQuery AutoComplete not working inside ASP.Net AJAX UpdatePanel after UpdatePanel’s Asynchronous request or Partial PostBack is completed.
This problem is addressed in my article "jQuery Plugins not working after ASP.Net AJAX UpdatePanel Partial PostBack or when Asynchronous request is over".
01 Jun 2015
0 Comments   1221 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement jQuery UI DatePicker (Calendar) with ASP.Net TextBox with ReadOnly property set to true.
When TextBox is set ReadOnly true, its value is not available on Server Side (Code Behind) and hence we need to make use of the Request.Form collection to fetch the value of jQuery DatePicker (Calendar).
01 Jun 2015
0 Comments   1327 Views
Here Mudassar Ahmed Khan has explained how to solve the problem of jQuery DatePicker not working inside ASP.Net AJAX UpdatePanel after UpdatePanel’s Asynchronous request or Partial PostBack is completed.
This problem is addressed in my article "jQuery Plugins not working after ASP.Net AJAX UpdatePanel Partial PostBack or when Asynchronous request is over".
02 Jun 2015
0 Comments   1690 Views
Here Mudassar Ahmed Khan has explained how to get the Selected Item value from jQuery Autocomplete TextBox in ASP.Net using C# and VB.Net.
02 Jun 2015
0 Comments   1393 Views
Here Mudassar Ahmed Khan has explained with example, how to implement and populate jQuery AutoComplete TextBox using Generic Handler in ASP.Net using C# and VB.Net.
02 Jun 2015
0 Comments   1988 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement and populate jQuery AutoComplete TextBox from database using AJAX PageMethods in ASP.Net using C# and VB.Net.
03 Jun 2015
0 Comments   1075 Views
Here Mudassar Ahmed Khan has explained with example, how to Zoom in and Zoom out Text (Change Text size) using JavaScript and jQuery.
Here he has shown how to change i.e. Zoom in or Zoom out the Text size of text of whole page or particular section or part of page using JavaScript or jQuery
There are multiple monitor dimensions and resolutions, thus sometimes users find it difficult to read the information and hence they can use this feature to Zoom In or Zoom out Text size for improved readability.
04 Jun 2015
0 Comments   1330 Views
jQuery   HTML   Div
Here Mudassar Ahmed Khan has explained how to change Background Image of HTML DIV with Fade In and Fade Out animation using jQuery.
04 Jun 2015
0 Comments   1336 Views
Here Mudassar Ahmed Khan has explained how to implement Password Strength validation for Password TextBox with examples in JavaScript and jQuery.
The Password strength validation in JavaScript and jQuery will be performed using Regular Expressions (Regex).
06 Jun 2015
0 Comments   3926 Views
Here Mudassar Ahmed Khan has explained with an example, how to open (display) PDF File inside jQuery Dialog Modal Popup Window.
The PDF file will be embedded inside jQuery Dialog Modal Popup Window using OBJECT Tag.
12 Jun 2015
0 Comments   1770 Views
Here Mudassar Ahmed Khan has explained how to enable and disable a TextBox when CheckBox is clicked i.e. checked (selected) and unchecked (unselected) using JavaScript and jQuery.
When the CheckBox is clicked based on whether it is checked (selected) or unchecked (unselected), the TextBox will be enabled or disabled.
12 Jun 2015
0 Comments   3239 Views
Here Mudassar Ahmed Khan has explained with an example, how to display (show) GridView inside jQuery Dialog Modal Popup Window in ASP.Net using C# and VB.Net.
This article will also explain how to keep the jQuery Dialog Modal Popup Window when paging in ASP.Net GridView.
18 Jun 2015
0 Comments   833 Views
Here Mudassar Ahmed Khan has explained with an example, how to delete (remove) all rows from an HTML Table except First (Header) row using JavaScript and jQuery.
19 Jun 2015
0 Comments   891 Views
Here Mudassar Ahmed Khan has explained with an example, how to delete (remove) all rows from an HTML Table except First and Second row using JavaScript and jQuery.
20 Jun 2015
0 Comments   1389 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement mutually exclusive CheckBoxList (CheckBoxes) inside GridView in ASP.Net using JavaScript and jQuery.
Mutually exclusive CheckBoxList means when one CheckBox is checked, all other CheckBoxes present in the CheckBoxList will be unchecked.
21 Jun 2015
0 Comments   1349 Views
Here Mudassar Ahmed Khan has explained with an example, how to check whether a CheckBox is checked (selected) or not selected (unchecked) using JavaScript and jQuery.
22 Jun 2015
0 Comments   2154 Views
Here Mudassar Ahmed Khan has explained with an example, how to show and hide HTML DIV with TextBox based on DropDownList (HTML SELECT) selected value (selection) using JavaScript and jQuery.
When an option is selected in DropDownList then based on its selected value (selection), the HTML DIV with TextBox will be shown or hidden.
29 Jun 2015
0 Comments   990 Views
Here Mudassar Ahmed Khan has provided an example to animate jQuery ScrollTop function i.e. how to implement jQuery ScrollTop with animation.
02 Jul 2015
0 Comments   921 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Drag and Drop functionality between two DIVs using jQuery.
The contents of the DIV will be made draggable and Droppable using the jQuery UI Draggable and Droppable plugins.
02 Jul 2015
0 Comments   1173 Views
Here Mudassar Ahmed Khan has with an example, how to use jQuery $(document).ready event handler with ASP.Net AJAX UpdatePanel.
The jQuery $(document).ready event handler works when page loads, but after ASP.Net AJAX UpdatePanel Partial PostBack it does not get called.
04 Jul 2015
0 Comments   1183 Views
Here Mudassar Ahmed Khan has explained with an example, how to display after the file is selected (selecting file name) in HTML Input FileUpload.
The image will be displayed directly from the HTML Input FileUpload using the DXImageTransform filter CSS property and HTML5 FileReader API.
06 Jul 2015
0 Comments   745 Views
Here Mudassar Ahmed Khan has explained with an example, how to make the HTML5 Placeholder attribute Cross Browser supported using jQuery i.e. make the HTML5 Placeholder attribute also work in browsers that do not support HTML5 using jQuery.
Earlier versions of browsers such as Internet Explorer versions IE7, IE8, IE9, etc. do not support HTML5 and hence the Placeholder attribute does not work even if specified.
Thus in browsers that do not support HTML5 Placeholder attribute, the functionality of HTML5 Placeholder attribute is mimicked with the help of jQuery ASPSnippets Placeholder plugin.
08 Jul 2015
0 Comments   823 Views
Here Mudassar Ahmed Khan has explained with an example, how to avoid / prevent / disable double click on Submit button using JavaScript and jQuery.
When user double clicks any Button, it results in duplicate operations and hence to avoid such behavior as soon as the Submit Button is clicked, it is disabled using JavaScript or jQuery to avoid / prevent / disable double click on Submit button using JavaScript and jQuery.
08 Jul 2015
0 Comments   1013 Views
Here Mudassar Ahmed Khan has explained with an example, how dynamically add Rows and Cells in an HTML Table using jQuery.
10 Jul 2015
0 Comments   1449 Views
Here Mudassar Ahmed Khan has explained with an example, how to show Loading (Busy) Indicator (Spinner) with Overlay GIF image with jQuery AJAX calls.
Loading (Busy) Indicator (Spinner) with Overlay GIF Image is used to display the progress of the jQuery AJAX call and it will be shown to the user when the jQuery AJAX call is started and will hide once the jQuery AJAX call is completed.
10 Jul 2015
0 Comments   777 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery ajaxSetup function when making jQuery AJAX calls.
The jQuery ajaxSetup function allows to specify the common default values for the jQuery AJAX requests.
15 Jul 2015
0 Comments   844 Views
Here Mudassar Ahmed Khan has explained with an example, how to get count (number) of rows in ASP.Net GridView using jQuery.
This article will explain how to get the total count of the number of rows in ASP.Net GridView and also how to get the count of the number of all rows except the First (Header) row in ASP.Net GridView using jQuery.
15 Jul 2015
0 Comments   968 Views
Here Mudassar Ahmed Khan has explained with an example, how to get count (number) of rows in HTML Table using JavaScript and jQuery.
This article will explain how to get the total count of the number of rows in HTML Table and also how to get the count of the number of all rows except the First (Header) row in HTML Table using JavaScript and jQuery.
30 Jul 2015
0 Comments   1327 Views
Here Mudassar Ahmed Khan has explained with an example, how to populate ASP.Net Repeater client side by fetching DataSet or DataTable from server as XML using jQuery AJAX.
Using jQuery AJAX and WebMethod, the records will be fetched using DataSet received as XML string and then the XML string will be used to populate the ASP.Net Repeater on Client Side using jQuery.
31 Jul 2015
0 Comments   1054 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform Password and Confirm Password validation for Password TextBox using JavaScript and jQuery.
The values of the Password and Confirm Password TextBoxes are compared using JavaScript and jQuery and if the values do not match an error message is displayed.
03 Aug 2015
0 Comments   1261 Views
Here Mudassar Ahmed Khan has explained with an example, how to make Repeater responsive so that it fits and adjusts itself to look good in Mobile Phone, Tablet and Desktop displays in ASP.Net using jQuery.
The ASP.Net Repeater will be rendered as HTML Table and hence in order to make the Repeater responsive, the Footable jQuery plugin (which is also compatible with Bootstrap design) will be used.
05 Aug 2015
0 Comments   490 Views
Here Mudassar Ahmed Khan has explained with an example, how to use Enum (Enumeration) with jQuery.
07 Aug 2015
0 Comments   808 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Password complexity validation in JavaScript and jQuery.
The Password complexity validation in JavaScript and jQuery will be performed using Regular Expressions (Regex).
13 Aug 2015
0 Comments   518 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement check uncheck all (select unselect all) CheckBoxes functionality in ASP.Net Repeater control using JavaScript and jQuery.
When the header row Checkbox is checked (selected), all the row CheckBoxes will be checked (selected) and vice versa. When any row CheckBox is unchecked (unselected), the header row Checkbox is also unchecked (unselected).
14 Aug 2015
0 Comments   610 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement check uncheck all (select unselect all) CheckBoxes functionality in ASP.Net DataList control using JavaScript and jQuery.
When the header Checkbox is checked (selected), all the CheckBoxes in DataList will be checked (selected) and vice versa. When any CheckBox in DataList is unchecked (unselected), the header Checkbox is also unchecked (unselected).
18 Aug 2015
0 Comments   1192 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform select, insert, edit, update and delete operations in GridView using jQuery AJAX in ASP.Net using C# and VB.Net.
This process is also known as CRUD i.e. Create, Read, Update and Delete in GridView using jQuery AJAX in ASP.Net.
19 Aug 2015
0 Comments   717 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically Show Hide GridView Columns on CheckBox Checked Unchecked respectively using jQuery in ASP.Net.
20 Aug 2015
0 Comments   473 Views
Here Mudassar Ahmed Khan has explained with an example, how to use ClientScript and ScriptManager RegisterClientScriptBlock and RegisterStartupScript functions in Static WebMethod in ASP.Net using C# and VB.Net.
It is not possible to use ClientScript and ScriptManager RegisterClientScriptBlock and RegisterStartupScript functions in Static WebMethod and hence the solution is to call the JavaScript function inside the success method of the AJAX call.
20 Aug 2015
0 Comments   822 Views
Here Mudassar Ahmed Khan has explained with an example, how to change the URL in browser address bar without reloading or refreshing the page using HTML5 History API in JavaScript and jQuery.
HTML5 History API allows browsers to change the URL in browser address bar without reloading or refreshing the page using pushState function.
21 Aug 2015
0 Comments   901 Views
Here Mudassar Ahmed Khan has explained with an example, how to display (show) in ToolTip on MouseHover using jQuery in ASP.Net jQuery SimpleTip ToolTip jQuery Plugin in ASP.Net.
25 Aug 2015
0 Comments   371 Views
Here Mudassar Ahmed Khan has explained with an example, how to display (show) jQuery UI Dialog Modal Popup box after PostBack in ASP.Net using C# and VB.Net.
The jQuery UI Dialog Modal Popup box will be displayed from Server Side after the PostBack is completed in ASP.Net.
25 Aug 2015
0 Comments   327 Views
Here Mudassar Ahmed Khan has explained with an example, how to display (show) jQuery UI Dialog Modal Popup box after ASP.Net AJAX UpdatePanel Partial PostBack is completed in ASP.Net using C# and VB.Net.

The jQuery UI Dialog Modal Popup box will be displayed from Server Side after the ASP.Net AJAX UpdatePanel Partial PostBack is completed in ASP.Net.
25 Aug 2015
0 Comments   506 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup box with ASP.Net AJAX UpdatePanel in ASP.Net using C# and VB.Net.
26 Aug 2015
0 Comments   261 Views
Here Mudassar Ahmed Khan has explained with an example, how to Open (Show) jQuery UI Dialog Modal Popup box on Button Click.
The jQuery UI Dialog Modal Popup box will be shown (opened) on Button Click using the jQuery Dialog “open” command.
26 Aug 2015
0 Comments   253 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup box with AutoOpen property set to False.
26 Aug 2015
0 Comments   223 Views
Here Mudassar Ahmed Khan has explained with an example, how to automatically close jQuery UI Dialog Modal Popup box after delay of 5 seconds (some seconds) using the JavaScript setTimeout function.
26 Aug 2015
0 Comments   305 Views
Here Mudassar Ahmed Khan has explained with an example, how to open jQuery UI Dialog Modal Popup box after delay of 2 seconds (some seconds) using the JavaScript setTimeout function.
27 Aug 2015
0 Comments   292 Views
Here Mudassar Ahmed Khan has explained with an example, how to use and show Custom Buttons with jQuery UI Dialog Modal Popup box.
This article will also explain how to attach event handlers to the Custom Buttons inside the jQuery UI Dialog Modal Popup box.
27 Aug 2015
0 Comments   285 Views
Here Mudassar Ahmed Khan has explained with an example, how to change the Text (Label) of default Buttons in jQuery UI Dialog Modal Popup box.
By default, jQuery UI Dialog Modal Popup box has only two Buttons OK and Cancel, but it has provision to add Custom Buttons.
27 Aug 2015
0 Comments   847 Views
Here Mudassar Ahmed Khan has explained with an example, with an example, how to add multiple Buttons to jQuery UI Dialog Modal Popup box.
The jQuery UI Dialog Modal Popup box has provision to add multiple custom Buttons using the Buttons property.
28 Aug 2015
0 Comments   187 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup as Confirmation Box in ASP.Net using C# and VB.Net.
The jQuery UI Dialog Modal Popup can be configured to work as the JavaScript Confirmation Box by using Custom Buttons.
28 Aug 2015
0 Comments   271 Views
Here Mudassar Ahmed Khan has explained with an example, how to use jQuery UI Dialog Modal Popup as Yes No Confirmation Box in ASP.Net using C# and VB.Net.
The jQuery UI Dialog Modal Popup can be configured to work as the JavaScript Yes No Confirmation Box by using Custom Buttons.