javascript TextArea动态显示剩余字符
程序员文章站
2023-12-01 15:37:10
- 剩余字数的限制
-
javascript TextArea动态显示剩余字符
-
Vue实现动态显示textarea剩余字数
-
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
-
Vue实现动态显示textarea剩余字数
-
javascript TextArea动态显示剩余字符
-
textarea 控制输入字符字节数(示例代码)_javascript技巧
-
JS TextArea字符串长度限制代码集合_javascript技巧
-
textarea 控制输入字符字节数(示例代码)_javascript技巧
-
限制textbox或textarea输入字符长度的JS代码_javascript技巧
-
js监听鼠标事件控制textarea输入字符串的个数_javascript技巧
<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>
上一篇: js身份证验证超强脚本
下一篇: checkbox 多选框 联动实现代码
推荐阅读