javascript TextArea动态显示剩余字符
程序员文章站
2022-06-19 19:38:02
- 剩余字数的限制
-
Vue实现动态显示textarea剩余字数
-
javascript TextArea动态显示剩余字符
-
textarea 控制输入字符字节数(示例代码)_javascript技巧
-
JS TextArea字符串长度限制代码集合_javascript技巧
-
textarea 控制输入字符字节数(示例代码)_javascript技巧
-
限制textbox或textarea输入字符长度的JS代码_javascript技巧
-
js监听鼠标事件控制textarea输入字符串的个数_javascript技巧
-
js监听鼠标事件控制textarea输入字符串的个数_javascript技巧
-
把textarea中字符串里含有的回车换行替换成<br>的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>
上一篇: 魔芋是怎么吃才好吃
下一篇: sonarqube搭建
推荐阅读