/*
<html>
<body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.maxlength.js"></script>
<form action="1.html" method="get">
<textarea cols="50" rows="7" maxlength="10"></textarea>
</form>
</body>
</html>
*/
(function($)
{
    $.fn.maxlength = function()
    {
        return this.each(function() 
        {
            var item = $(this);
            var maxLength = item.attr("maxlength");
            var check = function()
            {
                var length = item.val().length;
                if (length > maxLength)
                    item.val(item.val().substring(0, maxLength));
            }
            item.bind('keyup', function(e) {
                check();
            });
            item.bind('blur', function(e) {
                check();
            });
            check();
            
        });
    }
})(jQuery);
$(function(){
    $('textarea[maxlength]').each(function() {
        $(this).maxlength();
    });
});