text like twitter

by Dedi Wibisono

HTML

<label>Maximum 15 characters</label>
<textarea id="textarea" maxlength="20"></textarea>
  <span id="rchars">15</span> Character(s) Remaining

CSS

.your-div {
white-space: nowrap;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
color:black
}

JavaScript

var maxLength = 15;
$('textarea').keyup(function() {
  var textlen = maxLength - $(this).val().length;
  $('#rchars').text(textlen);
  if(textlen < 0){
  $('#rchars').css("color", "red")
  } else {
  $('#rchars').css("color", "black")
  }
});