Characters Remaining for Textbox in ASP.Net


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="CharctersRemaining.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="JScript1.js" type="text/javascript"></script>
    <script src="jquery-1.5.1.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
       
        var characterLimit = 250;

        $(document).ready(function () {

            $('#remainingCharacters').html(characterLimit);

            $('#myTextarea').bind('keyup', function () {
                var charactersUsed = $(this).val().length;

                if (charactersUsed > characterLimit) {
                    charactersUsed = characterLimit;
                    $(this).val($(this).val().substr(0, characterLimit));
                    $(this).scrollTop($(this)[0].scrollHeight);
                }

                var charactersRemaining = characterLimit - charactersUsed;

                $('#remainingCharacters').html(charactersRemaining);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr>
                <td>
                    <span id="remainingCharacters"></span>&nbsp; chars remaining
                </td>
            </tr>
            <tr>
                <td>
                    <asp:TextBox ID="myTextarea" runat="server" BorderColor="Gray" BorderStyle="Solid"
                        BorderWidth="1px" Height="125px" MaxLength="250" TextMode="MultiLine" Width="350px"></asp:TextBox>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

You Can Download the Working Code of Characters Remaining for Textbox in ASP.Net From here.