مانیستر دات آی آر

شما با استفاده از جاوا اسکریپت میتونین به راحتی حداکثر کاراکتر های یه textarea رو کنترل کنین البته خود attribute خاص HTML که همون maxlength هستش این امکان رو بهتون میده ولی با جاوا اسکریپت میشه کاراکتر های مونده رو هم برای کاربر به نمایش در آورد.

کد های HTML :

<textarea id="vali" maxlength="50"></textarea>
کاراکتر باقی مانده : <span style="border:1px solid #ccc;background:#f5f5f5;font:11px tahoma;padding:5px" id="baghi">50</span>

کد های Javascript:

// *************************
// Designed By Ehsan Abafat
// Copyright By Monister.ir
// All Rights Reserved 
// *************************
var doc = document.getElementById('vali'),
Limit = 50,
pr = document.getElementById('baghi'),
styles = {
	defaults : 'padding:5px;border:1px solid #ccc', // Your Site Default Textarea Style Put here! 
	warnings : 'padding:5px;border:1px solid tomato' // Your Warning style	
};
doc.onkeypress = function(e){
	var len = this.value.length+1;
	if(Limit+2-len <= Limit)
	pr.innerHTML = Limit - len;
	if((Limit+1 - len) <= 0){	
		doc.readOnly = true;
		pr.innerHTML = 'حداکثر' + Limit + ' کاراکتر میتوانید وارد کنید';
		doc.style.cssText = styles.warnings;
	}
	if(e.which == 8){
		doc.readOnly = false;
		if(Limit+2-len <= Limit)
		pr.innerHTML = (Limit+2-len)
		doc.style.cssText = styles.defaults;
	}
}

پیشنمایش