限制textarea的输入字数
2012-03-26 08:59
253 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页特效 限制textarea的输入字数 </title>
<script type="text/javascript">
function checkLength(){
var curLength = $("www_zzjs_net").value.length;
//alert("已经输入的字数:" + curLength );
if (curLength>150){
alert("超过字数限制,多出的字将被截断!" );
$("www_zzjs_net").value = $("www_zzjs_net").value.substr(0,150);
curLength = 150;
}
$("count_zzjs").innerHTML = 150-$("www_zzjs_net").value.length;
}
function $(id){
return document.getElementById(id);
}
window.onload = function(){
if(/msie/i.test(navigator.userAgent)){
$("www_zzjs_net").onpropertychange = checkLength;
} else {
$("www_zzjs_net").addEventListener("input",checkLength,false);
}
}
</script>
</head>
<body>
<label>
提示您:还可以输入<span id="count_zzjs">150</span>字<br>
<textarea name="textarea" id="www_zzjs_net" cols="45" rows="5">
</textarea>
</label>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网页特效 限制textarea的输入字数 </title>
<script type="text/javascript">
function checkLength(){
var curLength = $("www_zzjs_net").value.length;
//alert("已经输入的字数:" + curLength );
if (curLength>150){
alert("超过字数限制,多出的字将被截断!" );
$("www_zzjs_net").value = $("www_zzjs_net").value.substr(0,150);
curLength = 150;
}
$("count_zzjs").innerHTML = 150-$("www_zzjs_net").value.length;
}
function $(id){
return document.getElementById(id);
}
window.onload = function(){
if(/msie/i.test(navigator.userAgent)){
$("www_zzjs_net").onpropertychange = checkLength;
} else {
$("www_zzjs_net").addEventListener("input",checkLength,false);
}
}
</script>
</head>
<body>
<label>
提示您:还可以输入<span id="count_zzjs">150</span>字<br>
<textarea name="textarea" id="www_zzjs_net" cols="45" rows="5">
</textarea>
</label>
</body>
</html>
相关文章推荐
- 监听文本框输入开发仿新浪微博限制输入字数的textarea插件
- js 实现textarea限制输入字数
- JS控制文本框textarea输入字数限制的方法
- 限制多行文本框textarea输入字数的方法
- 利用Angular.js限制textarea输入的字数
- Textarea输入字数限制(兼容iOS&安卓)
- 实现textarea限制输入字数
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- textarea限制输入字数
- 限制textarea字数并实时显示输入字…
- textarea 限制输入字数
- 20101117 学习记录:textarea的最大输入字数限制
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- 在js中限制TextArea最大输入字数
- JS控制文本框textarea输入字数限制
- 移动端textarea输入框监听和输入字数限制(兼容ios和Android)
- JS-textarea限制输入字数
- 限制textarea字数并实时显示输入字数统计
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- 限制textarea的输入字数