TextArea动态显示输入剩余字符
2008-10-21 21:51
316 查看
TextArea动态显示输入剩余字符
<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="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>
相关文章推荐
- 动态的在输入框边上显示可输入的剩余字符数
- javascript TextArea动态显示剩余字符
- 智能显示输入的剩余字符
- jquery textlimit.js显示TEXTAREA中剩余字符(不支持光标位置改变时触发事件)
- 两个C/C++的小程序,实现不显示字符的键盘输入和实现动态显示的百分数
- 【实用随记】js动态显示textarea所剩输入字节
- AngularJS实现textarea记录只能输入规定数量的字符并显示
- JS(javascript)动态判断输入文本框剩余可输入字符数
- 动态显示文本框中输入的字符数字
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果
- 自定义控件--史上最简单!EditText多行输入并控制最大输入字符,显示剩余输入字符
- 关于javascript实时显示textarea剩余字符数
- 动态显示文本框输入的字符数
- 文本域textarea显示输入剩余字数
- AngularJS实现textarea记录只能输入规定数量的字符并显示
- javascript TextArea动态显示剩余字符
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- Vue实现动态显示textarea剩余字数
- Vue实现动态显示textarea剩余字数
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果