限制textarea字数并实时显示输入字数统计

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

<title>drame(drame)-http://www.dra*m**e.cn/</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

.progress{
	
	
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}

</style>

/***********************************************
* Form Field Progress Bar- By Ron Jonk- http://www.e*ur*o*net.nl/~jonkr/
* Modified by Dynamic Drive for minor changes
* Script featured/ available at Dynamic Drive- http://www.dyn*amic**drive.com
* Please keep this notice intact
***********************************************/

function textCounter(field,counter,maxlimit,linecounter) {
	// text width//
	var fieldWidth =  parseInt(field.offsetWidth);
	var charcnt = field.value.length;

// trim the extra text
	if (charcnt > maxlimit) { 
		field.value = field.value.substring(0, maxlimit);
	}

else { 
	// progress bar percentage
	var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
	document.getElementById(counter).style.px";
	document.getElementById(counter).innerHTML="已输: "+percentage+"%"
	// color correction on style from CCFFF -> CC0000
	setcolor(document.getElementById(counter),percentage,"background-color");
	}
}

function setcolor(obj,percentage,prop){
	obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
}

</script>

提示：您可以先修改部分代码再运行