textarea에 입력값을 제한하며 입력값이 넘으면 -로 표시됩니다...
<script Language="Javascript">
<!--
function textCounter(theField,theCharCounter,theLineCounter,maxChars,maxLines,maxPerLine) {
var strTemp = "";
var strLineCounter = 0;
var strCharCounter = 0;
for (var i = 0; i < theField.value.length; i++) {
var strChar = theField.value.substring(i, i + 1);
if (strChar == '\n') {
strTemp += strChar;
strCharCounter = 1;
strLineCounter += 1;
} else if (strCharCounter == maxPerLine) {
strTemp += '\n' + strChar;
strCharCounter = 1;
strLineCounter += 1;
} else {
strTemp += strChar;
strCharCounter ++;
}
}
theCharCounter.value = maxChars - strTemp.length;
theLineCounter.value = maxLines - strLineCounter;
}
//-->
</script>
<!--
폼 구성 부분
키 입력 감지부분
onKeyUp="textCounter(A부분 name값,B부분 name값,A부분 name값,C부분 name값,D부분 name값,최대 글자,최대 라인,B부분 cols값);"
//-->
<form name="theForm"> <!-- A //-->
<textarea name="myText" cols="51" rows="10" onKeyUp="textCounter(theForm.myText,theForm.remChars,remLines,100,20,51);"></textarea><br> <!-- B //-->
<input type="text" name="remChars" value="100" size="3" maxlength="3" readonly>자 입력 <!-- C //-->
<input type="text" name="remLines" value="20" size="3" maxlength="3" readonly>줄 입력가능 <!-- D //-->
</form>
|
|
추천 : 