javascript TextArea动态显示剩余字符
2008-10-22 02:33
721 查看
<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动态显示输入剩余字符
- Vue实现动态显示textarea剩余字数
- javascript TextArea动态显示剩余字符
- jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
- Vue实现动态显示textarea剩余文字数量
- JS(javascript)动态判断输入文本框剩余可输入字符数
- 动态的在输入框边上显示可输入的剩余字符数
- Vue实现动态显示textarea剩余字数
- javascript动态显示时间
- textarea显示剩余字数
- 解决javascript动态改变img的src属性图片不显示问题
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- javascript 验证 时间 动态显示
- 判断Session的过期时间 采用JavaScript实时显示剩余多少秒
- 原生javascript在textarea光标处插入表情字符
- 7段数码管显示动态字符
- javascript实现日期时间动态显示示例代码
- input\textarea剩余字符数提示(jQuery)
- JavaScript特效实例016-动态显示窗口