Uploader

An all around general purpose file uploader for CakePHP. Packaged as a stand alone plugin with file validation, file scanning and support for a wide range of basic mime types.

Characters Remaining

Calculate how many characters remain in a textarea.

Function: charsRemain()
Category: Javascript
Views: 1,407
Permalink - Tinylink

/**
 * Calculate how many characters remain in a textarea (jQuery)
 * @param string textarea
 * @param int maxLength
 * @param string div
 */
function charsRemain(textarea, maxLength, div) {
	var currentLength = $(textarea).val().length;
 
	var charsLeft = maxLength - currentLength;
	if (charsLeft < 0) { charsLeft = 0; }
 
	$("#"+ div +"_charsRemain").html(charsLeft);
 
	if (currentLength > maxLength) {
		var fullText = $(textarea).val().substring(0, maxLength);
		$(textarea).val(fullText);
	}
}
 
/**
 * Calculate how many characters remain in a textarea
 * @param string textarea
 * @param int maxLength
 * @param string div
 */
function charsRemain(textarea, maxLength, div) {
	var currentLength = textarea.value.length;
 
	var charsLeft = maxLength - currentLength;
	if (charsLeft < 0) { charsLeft = 0; }
 
	document.getElementById(div +"_charsRemain").innerHTML = charsLeft;
 
	if (currentLength > maxLength) {
		var fullText = textarea.value.substring(0, maxLength);
		textarea.value = fullText;
	}
}

Example Usage

<textarea rows="5" cols="15" onkeyup="charsRemain(this, 250, 'textarea');"></textarea>

<span id="textarea_charsRemain">250</span> characters remaining

Return to Snippets