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.
Implementing the jQuery MaxLength Plugin for ASP.Net MultiLine TextBox (TextArea)
Below
you will notice the implementation of the jQuery MaxLength plugin. The
jQuery MaxLength plugin has the following required and optional
parameters
1. MaxLength (required) – Integer value indicating the Maximum character length limit.
2. CharacterCountControl (optional)
– By default the plugin will display character count below the
TextArea, but user has option to explicitly specify the Character Count
Control.
Note: The character count control can only HTML SPAN or DIV.
3. DisplayCharacterCount (optional) – Default true. If set to false the Character counting will be disabled.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">script>
<script type="text/javascript" src="MaxLength.min.js">script>
<script type="text/javascript">
$(function () {
//Normal Configuration
$("[id*=TextBox1]").MaxLength({ MaxLength: 10 });
//Specifying the Character Count control explicitly
$("[id*=TextBox2]").MaxLength(
{
MaxLength: 15,
CharacterCountControl: $('#counter')
});
//Disable Character Count
$("[id*=TextBox3]").MaxLength(
{
MaxLength: 20,
DisplayCharacterCount: false
});
});
script>
head>
<body>
<form id="form1" runat="server">
<div id="counter">
div>
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Width="300" Height="100"
Text="Mudassar Khan">asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Width="300" Height="100">asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine" Width="300" Height="100">asp:TextBox>
form>
body>
html>
No comments:
Post a Comment