javascript TextArea动态显示剩余字符
2008-10-22 00:00
295 查看
<div class="form">
<div class="con">
<ul>
<li>剩余字数的限制</li>
<li><textarea cols="40" rows="8" id="text1"></textarea></li>
<li>剩余字符:<span id="textleft"></span></li>
</ul>
</div>
</div>
<script language="javascript">
var otext = document.getElementById("text1");
var otextleft = document.getElementById("textleft");
var re = /[^\x00-\xff]/g;
var maxLength = 40;
window.onload = function(){
if(document.all)
otext.onpropertychange = textleft;
else
otext.onkeypress = textleft;
}
function textleft()
{
var str = otext.value;
str = str.replace(re,"xx");//中文字符当2个字符处理 如果不用的话主是掉本行
otextleft.innerHTML = maxLength - str.length;
}
</script>
<div class="con">
<ul>
<li>剩余字数的限制</li>
<li><textarea cols="40" rows="8" id="text1"></textarea></li>
<li>剩余字符:<span id="textleft"></span></li>
</ul>
</div>
</div>
<script language="javascript">
var otext = document.getElementById("text1");
var otextleft = document.getElementById("textleft");
var re = /[^\x00-\xff]/g;
var maxLength = 40;
window.onload = function(){
if(document.all)
otext.onpropertychange = textleft;
else
otext.onkeypress = textleft;
}
function textleft()
{
var str = otext.value;
str = str.replace(re,"xx");//中文字符当2个字符处理 如果不用的话主是掉本行
otextleft.innerHTML = maxLength - str.length;
}
</script>
相关文章推荐
- 动态的在输入框边上显示可输入的剩余字符数
- javascript TextArea动态显示剩余字符
- TextArea动态显示输入剩余字符
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果
- 中文版microbit:TurnipBit显示动态滚动字符教程实例
- 7段数码管显示动态字符
- JS(javascript)动态判断输入文本框剩余可输入字符数
- 两个C/C++的小程序,实现不显示字符的键盘输入和实现动态显示的百分数
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果
- 动态显示文本框中输入的字符数字
- 关于javascript实时显示textarea剩余字符数
- 自定义控件--史上最简单!EditText多行输入并控制最大输入字符,显示剩余输入字符
- jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
- 1602动态显示字符--C语言版本
- js动态提示输入框剩余字符数
- 限制多行文本框的输入长度并显示剩余字符
- 记事本动态显示文本字符
- Vue实现动态显示textarea剩余文字数量
- 智能显示输入的剩余字符
- js动态提示输入框剩余字符数