The jQuery library provides various options to work
with Textboxes, in this post Asp.Net jQuery get Textbox Attributes, we
shall see on how to get the attributes for an Asp.net Textbox control.
Syntax
$('#<TextBoxID>').attr('<Attribute Name>');
Example
To set the Title attribute to a textbox use the following script.
$('#txtName').attr('maxlength’);
$('#<TextBoxID>').attr('<Attribute Name>');
Example
To set the Title attribute to a textbox use the following script.
$('#txtName').attr('maxlength’);
Here is a full example
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head runat="server">
<head runat="server">
<title>TextBox</title>
<link type="text/css"
href="Stylesheet.css"
rel="Stylesheet" />
<script
type="text/javascript"
src="JavaScript/jquery-1.7.2.js"></script>
<script
type="text/javascript"
language="javascript">
$(document).ready(function() {
$('#cmdGetAttributes').click(function(event) {
event.preventDefault();
alert('Name
(MaxLength): ' + $('#txtName').attr('maxlength'));
alert('Age (MaxLength): ' + $('#txtAge').attr('maxlength'));
alert('Address
(MaxLength): ' + $('#txtAddress').attr('maxlength'));
alert('Phone (MaxLength): ' + $('#txtPhone').attr('maxlength'));
alert('Email
(MaxLength): ' + $('#txtEmail').attr('maxlength'));
});
});
</script>
</head>
<body>
<form id="frmTextBox" runat="server">
<div id="pageControls">
<table>
<tr>
<td>Name</td>
<td><asp:TextBox
id="txtName"
runat="server"
MaxLength="100"></asp:TextBox></td>
</tr>
<tr>
<td>Age</td>
<td><asp:TextBox
id="txtAge"
runat="server"
MaxLength="25"></asp:TextBox></td>
</tr>
<tr>
<td>Address</td>
<td><asp:TextBox
ID="txtAddress"
runat="server"
MaxLength="200"></asp:TextBox></td>
</tr>
<tr>
<td>Phone</td>
<td><asp:TextBox
ID="txtPhone"
runat="server"
MaxLength="20"></asp:TextBox></td>
</tr>
<tr>
<td>Email</td>
<td><asp:TextBox
ID="txtEmail"
runat="server"
MaxLength="30"></asp:TextBox></td>
</tr>
<tr>
<td>Get Attribute </td>
<td><asp:Button
ID="cmdGetAttributes"
runat="server"
Text="Get Attributes" /></td>
</tr>
</table>
</div>
</form>
</body>
</html>
Run the application, click on the Get Attributes button, the Max Length attribute of each of the text boxes are displayed in message boxes.
Related Posts
Asp.Net jQuery get Textbox Values
Asp.Net jQuery Textbox set ReadOnly
Asp.Net jQuery Textbox Remove ReadOnly
Asp.Net jQuery Textbox Disable
Asp.Net jQuery Textbox Enable
No comments:
Post a Comment