Category - jQuery
Results 161 - 180 of 745
08 Feb 2019 28 Jun 2020 0 Comments  7995 Views
Here Mudassar Ahmed Khan has explained with an example, how to export (convert) GridView to PDF file using JavaScript and jQuery in ASP.Net.

The GridView’s HTML Table will be first converted into a HTML5 Canvas using html2canvas plugin and then the HTML5 Canvas will be exported to PDF file using the pdfmake plugin in jQuery.
01 Feb 2019 01 Feb 2019 0 Comments  38730 Views
Here Mudassar Ahmed Khan has explained with an example, how to restrict user from entering Special Characters in TextBox using jQuery.

This article will illustrate how to perform AlphaNumeric validation for TextBox i.e. allow only Alphabets and Numbers in TextBox using jQuery.

When User types in the TextBox, the text in the TextBox will be validated using OnKeyPress event handler in jQuery and if the inputted character is not AlphaNumeric i.e. Alphabet or Number, the error message will be displayed next to the TextBox.
30 Jan 2019 30 Jan 2019 0 Comments  14715 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform Alphabet validation i.e. allow only Letters (A-Z) using OnKeyPress event in jQuery.

When User types in the TextBox, the text in the TextBox will be validated using OnKeyPress event handler in jQuery and if the inputted character is not Alphabet i.e. Letters (A-Z), the error message will be displayed next to the TextBox.
29 Jan 2019 29 Jan 2019 0 Comments  12349 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform Numeric validation i.e. allow only Numbers (Digits) using OnKeyPress event in jQuery.

When User types in the TextBox, the text in the TextBox will be validated using OnKeyPress event handler in jQuery and if the inputted character is not Numeric i.e. Numbers (Digits), the error message will be displayed next to the TextBox.
29 Jan 2019 29 Jan 2019 0 Comments  15530 Views
Here Mudassar Ahmed Khan has explained with an example, how to perform AlphaNumeric validation i.e. allow only Alphabets and Numbers using OnKeyPress event in jQuery.

When User types in the TextBox, the text in the TextBox will be validated using OnKeyPress event handler in jQuery and if the inputted character is not AlphaNumeric i.e. Alphabet or Number, the error message will be displayed next to the TextBox.
22 Jan 2019 22 Jan 2019 0 Comments  7836 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Open Source charts in ASP.Net using C# and VB.Net.

The Chart.js library is an Open Source Chart library which uses HTML5 Canvas for creating Charts.

The HTML5 Canvas charts will be populated from database using jQuery AJAX in ASP.Net.
11 Jan 2019 11 Jan 2019 0 Comments  16001 Views
Here Mudassar Ahmed Khan has explained with an example, how to get multiple selected (checked) CheckBox values as Comma Separated String using jQuery.

When the Get Button is clicked, the CheckBoxes will be referenced and if the CheckBox is selected (checked) then its value will be inserted into an Array.

Finally, the values of the selected (checked) CheckBoxes inside the Array will be displayed as Comma Separated String using JavaScript Alert Message Box.
11 Jan 2019 11 Jan 2019 0 Comments  31018 Views
Here Mudassar Ahmed Khan has explained with an example, how to get multiple selected (checked) CheckBox values in Array using jQuery.

When the Get Button is clicked, the CheckBoxes will be referenced and if the CheckBox is selected (checked) then its value will be inserted into an Array.

Finally, the values of the selected (checked) CheckBoxes inside the Array will be displayed using JavaScript Alert Message Box.
10 Jan 2019 10 Jan 2019 0 Comments  23612 Views
Here Mudassar Ahmed Khan has explained with an example, how to check if a CheckBox is checked or not using ID in JavaScript and jQuery.

When the Check Button is clicked, the CheckBox will be first referenced using its ID and then the status of the CheckBox i.e. checked (selected) or unchecked (unselected) will be determined using JavaScript and jQuery.
09 Jan 2019 09 Jan 2019 0 Comments  10192 Views
Here Mudassar Ahmed Khan has explained with an example, how to display Text when CheckBox is checked (selected) or 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 some Text will be shown or hidden.
08 Jan 2019 08 Jan 2019 0 Comments  6010 Views
Here Mudassar Ahmed Khan has explained with an example, how to detect Browser details such as Name, Version, Platform, OS, Mobile or Desktop in JavaScript using jQuery.

The jQuery Browser Plugin will be used along with jQuery to detect the Browser details such as Name, Version, Platform, OS, Mobile or Desktop on Client Side in JavaScript.
08 Jan 2019 08 Jan 2019 1 Comments  88694 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected (checked) CheckBox Row (Cell) values of HTML Table using jQuery.

When the Button is clicked, all the CheckBoxes inside the HTML Table will be referenced and then the Row (Cell) values of selected (checked) CheckBoxes will be extracted and displayed using JavaScript Alert Message Box.
07 Jan 2019 07 Jan 2019 0 Comments  15486 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected (checked) CheckBox Row (Cell) values of GridView using jQuery in ASP.Net.

When the Button is clicked, all the CheckBoxes inside the GridView will be referenced and then the Row (Cell) values of selected (checked) CheckBoxes will be extracted and displayed using JavaScript Alert Message Box.
04 Jan 2019 04 Jan 2019 0 Comments  8235 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically change HTML INPUT Type from Password to Text using jQuery.

HTML does not allow the Type attribute to be modified with jQuery at runtime and hence the same can be achieved by creating a dynamic TextBox next to the Password TextBox and hiding the Password TextBox.
04 Jan 2019 04 Jan 2019 0 Comments  4623 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically change HTML INPUT Type using jQuery.

This article will illustrate how to dynamically change the Type attribute of HTML TextBox from Text to Password using jQuery.

HTML does not allow the Type attribute to be modified with jQuery at runtime and hence the same can be achieved by creating a dynamic TextBox next to the Password TextBox and hiding the Password TextBox.
04 Jan 2019 04 Jan 2019 0 Comments  2263 Views
Here Mudassar Ahmed Khan has explained with an example, how to change TextBox TextMode to Password using jQuery.

The TextMode of a TextBox is decided by its Type attribute i.e. input or password.

HTML does not allow the Type attribute to be modified with jQuery at runtime and hence the same can be achieved by creating a dynamic TextBox next to the Password TextBox and hiding the Password TextBox.
02 Jan 2019 02 Jan 2019 0 Comments  7115 Views
Here Mudassar Ahmed Khan has explained with an example, how to build a TextBox Character Counter using JavaScript i.e. Count number of characters in TextBox using JavaScript.

This article will illustrate how to use the ASPSnippets MaxLength jQuery plugin for counting the number of characters in TextBox and also implement maximum length validation using JavaScript.
01 Jan 2019 01 Jan 2019 0 Comments  17967 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement maximum Length validation for TextBox using JavaScript and jQuery.

HTML TextBox does have MaxLength property but it does not provide features such as Character Count i.e. displaying the user number of character left.

Thus using the ASPSnippets MaxLength jQuery plugin, one can enforce character limit validation and optionally display the Character Count.
27 Dec 2018 27 Dec 2018 0 Comments  31246 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected Row (Cell) value in GridView using jQuery in ASP.Net.

When the Select LinkButton is clicked, the GridView Row is selected and a jQuery Click event handler is triggered.

Inside the jQuery Click event handler, the Cell values of the Selected Row are fetched and displayed using JavaScript Alert Message Box.
21 Dec 2018 21 Dec 2018 1 Comments  7926 Views
Here Mudassar Ahmed Khan has explained with an example, how to select (check) one (single) CheckBox in ASP.Net GridView using jQuery.

By default, multiple CheckBoxes in GridView are meant for multiple selection, thus in order to make it work as single selection i.e. only one (single) CheckBox can be selected at a time, jQuery needs to be used to achieve the same.
Results 161 - 180 of 745