<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<textarea id="txtContent" name="txtContent" rows="6"></textarea>
<span id="strtips" style="color:#cf0404;text-align:right;">你还可以输入10个字符</span>
</div>
</form>
</body>
</html>
<script type="text/javascript">
//限制输入字符长度
var maxContent = function () {
var input = document.getElementById(arguments[0]);
var tips = document.getElementById(arguments[1]);
var maxNum = 10;
try {
if (input.addEventListener) {
input.addEventListener("input", function () {
changeContent()
}, false);
} else if (input.attachEvent) {
input.attachEvent("onpropertychange", function () {
changeContent()
});
}
} catch (e) { }
var val = "";
var len = 0;
function changeContent() {
val = input.value;
len = input.value.length
if (len > maxNum) {
input.value = val.substr(0, maxNum)
}
tips.innerHTML = "你还可以输入" + (maxNum - len) + "个字符";
}
} ("txtContent", "strtips")
</script>