<html>
<head>
<script src="http://hscripts.com/jquery.js">
</script>
<script>
var MAX_TEXTINPUT = 8;
var TEXTFIELD_CLASS = "textfield";
$(document).ready(function() {
//binding keyup/down events on the contenteditable div
$('.'+TEXTFIELD_CLASS).keydown(function(e){ check_charcount(TEXTFIELD_CLASS, MAX_TEXTINPUT, e); });
})
function check_charcount(inputclass, max, e) {
var focused = $(document.activeElement)
if(focused.hasClass(inputclass) && e.which != 8 && $(focused).text().length >= max)
{
e.preventDefault();
}
}
</script>
</head>
<body>
<div contenteditable="true" name="choice1" class="textfield">sfgs</div>
</body>
</html>
