Limiting the number of characters in Textarea using jQuery
<html>
<style type="text/css">
#mainDiv{background-color:skyblue;-moz-border-radius:5px 5px;width:200;-moz-box-shadow:2px 2px 3px 000;padding:2px}
#targetDiv{background-color:yellow;-moz-border-radius:5px 5px;width:200;-moz-box-shadow:2px 2px 3px 000;padding:2px}
</style>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ var limit=10; $('#comments').keyup(function(){ if($('#comments').val().length<=limit) { $('#targetDiv').html(limit-$('#comments').val().length+" Character Left"); } if($('#comments').val().length>limit) { $('#comments').val($('#comments').val().substring(0,limit)); } }) }); </script>
<body>
<div id="mainDiv"><center>
<textarea id="comments"></textarea>
</div>
<div id="targetDiv"><center>
</div>
</body>
</html>
<style type="text/css">
#mainDiv{background-color:skyblue;-moz-border-radius:5px 5px;width:200;-moz-box-shadow:2px 2px 3px 000;padding:2px}
#targetDiv{background-color:yellow;-moz-border-radius:5px 5px;width:200;-moz-box-shadow:2px 2px 3px 000;padding:2px}
</style>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ var limit=10; $('#comments').keyup(function(){ if($('#comments').val().length<=limit) { $('#targetDiv').html(limit-$('#comments').val().length+" Character Left"); } if($('#comments').val().length>limit) { $('#comments').val($('#comments').val().substring(0,limit)); } }) }); </script>
<body>
<div id="mainDiv"><center>
<textarea id="comments"></textarea>
</div>
<div id="targetDiv"><center>
</div>
</body>
</html>
Comments
Post a Comment