Category JQUERY

Download File Using URL On Same Page From Jquery/Javascript :- var data = FileUrl;Read More

ometimes we need to do fill dropdownlist using JQuery and Generic Handler in Asp.net Explanation given below: Design Page: SELECT YOUR STATE Generic Handler: public void ProcessRequest(HttpContext context) { context.Response.ContentType = "application/json"; int id = Convert.ToInt32(context.Request["id"]); string sJSON = GetProduct(id); context.Response.Write(sJSON); } public string GetProduct(int id)Read More

I will explain how to validate Radiobuttonlist using Jquery using Asp.net. Script For Validation Design Page : Read More

Sometimes we need to validate multiple email id’s using regular expression through JQuery
example is given below. Below example validating multiple email address on button click.

$(document).ready(function () {
var regExp = /^([\w+-.%]+@[\w-.]+\.[A-Za-z]{2,4},?)+$/; //Regular Expression
$(“input[id$=SendInvites]“).click(function () {
var valTag = $(“input[id$=txtEmailAddress]“).val();
if (!regExp.test(valTag)) {
alert(‘Invalid email address.’);
return false;
}

});
});

https://plus.google.com/103205117009535639356Read More

I have a one gridview with checkboxes here my requirement is if I select header checkbox of gridview I need to select all the child checkboxes in gridview and if I deselect header checkbox I need to deselect all the child checkboxes in gridview and if I select all the child checkbox I need to select the header checkbox and if any child checkbox deselected I need to deselect header checkbox for this I have written JQuery function to achieve this functionality. Design Page------------------------------------------------------------------------- < %@ Page Language="C#" AutoEventWireup="true" CodeFile="TestingPage.aspx.cs" Inherits="TestingPage" %> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Read More

Numeric Validation using Jquery and Regular Expression

//Script For Check Validation

<script type=”text/javascript”>

jQuery(document).ready(function ($) {
var NumericPattern = /^([0-9])*$/;// Regular Expression For Numeric Only

$(“input[id$=btnAdd]“).click(function () {

var number = $(“input[id$=txtMobile]“).val().trim();

if (number == “”) {
alert(“Please enter mobile number”);
return false;
}
else  (!NumericPattern.test(number)) {
alert(“Please enter numeric value.”);
return false;

}
});

});
</script>

//Controls in Design Page

<asp:TextBox ID=”txtMobile” runat=”server” ></asp:TextBox>
<asp:Button ID=”btnAdd” runat=”server” />

https://plus.google.com/103205117009535639356Read More

Display data on Click of Row in GridView using Jquery and Web Service in Asp.net //Table Script————————————————–------------------------------------------------------- CREATE TABLE [tblgrid]( [UserId] [int] IDENTITY(1,1) NOT NULL, [userName] [varchar](50) NULL, [City] [varchar](50) NULL, [Designation] [varchar](50) NULL, [sal] [bigint] NULL ) Design Page or Aspx Page--------------------------------------------------------------- Read More

Display data on Click of Row in GridView using Jquery in Asp.net //Table Script-------------------------------------------------- CREATE TABLE [tblgrid]( [UserId] [int] IDENTITY(1,1) NOT NULL, [userName] [varchar](50) NULL, [City] [varchar](50) NULL, [Designation] [varchar](50) NULL, [sal] [bigint] NULL ) Aspx Page or Design Page------------------------------------------- Read More

Automatically Small Letter Change to Capital Letter in Textbox using JQuery

<script type=”text/javascript”>
$(document).ready(function () {
//”txtFirstName” is textbox id
$(“input[id$=txtFirstName]“).keyup(function () {
$(this).val($(this).val().toUpperCase());
});
});

https://plus.google.com/103205117009535639356Read More

Automatically Capital Letter Change to Small Letter in Textbox using JQuery

<script type=”text/javascript”>
$(document).ready(function () {
//”txtFirstName” is textbox id
$(“input[id$=txtFirstName]“).keyup(function () {
$(this).val($(this).val().toLowerCase());
});
});

https://plus.google.com/103205117009535639356Read More