1.例子:
<td width="15%"><span class="STYLE1">故障描述:</span></td>
<td colspan="3">
<textarea id="faultDesc" name="faultDesc" label="故障描述:"
οnkeyup="textLimitCheck('faultDesc', 'faultDescCount', 1000);"
οnmοusedοwn="textLimitCheck('faultDesc', 'faultDescCount', 1000);"
οnblur="textLimitCheck('faultDesc', 'faultDescCount', 1000);"
tooltip="故障描述" rows="8" cols="65"></textarea>
<font color="red">*</font>
<span id="parent_faultDescCount"
style="display:none">
(已输入<font color="red">
<span id="faultDescCount">0</span>
</font> 个字符
)
</span>
</td>
2./检查输入文本的长度
function textLimitCheck(obj, messageCount, maxlength) {
//var countlength = thisArea.value.size();
var textObj = document.getElementById(obj);
var countlength = textObj.value.getBytes();
//alert("value = " + document.getElementById(obj).value + ", length = " + countlength);
if (countlength > maxlength) {
var str = cutoutStr(textObj.value, maxlength);
textObj.innerHTML = str;
document.getElementById("parent_" + messageCount).innerHTML = "(\u5df2\u8f93\u5165<font color=\"red\">" + countlength + "</font> \u4e2a\u5b57\u7b26,\u8d85\u51fa<font color=\"red\">" + (countlength - maxlength) + "</font> \u4e2a\u5b57\u7b26\uff0c\u5df2\u8fdb\u884c\u622a\u53d6)";
document.getElementById("parent_" + messageCount).style.display = "";
return;
}
document.getElementById("parent_" + messageCount).innerHTML = "(\u5df2\u8f93\u5165<font color=\"red\">" + countlength + "</font> \u4e2a\u5b57\u7b26,\u5269\u4f59<font color=\"red\">" + (maxlength - countlength) + "</font> \u4e2a\u5b57\u7b26)";
document.getElementById("parent_" + messageCount).style.display = "";
}
3.效果: