javascript TextArea动态显示剩余字符


Posted in Javascript onOctober 22, 2008

<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 相关文章推荐
原生javascript实现图片轮播效果代码
Sep 03 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
通过正则表达式实现表单验证是否为中文
Feb 18 Javascript
JavaScript简单修改窗口大小的方法
Aug 03 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
Feb 19 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
详解Vue中Axios封装API接口的思路及方法
Oct 10 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
Javascript this关键字使用分析
Oct 21 #Javascript
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 #Javascript
JavaScript confirm选择判断
Oct 18 #Javascript
javascript脚本编程解决考试分数统计问题
Oct 18 #Javascript
提高网站信任度的技巧
Oct 17 #Javascript
javascript检查日期格式的函数[比较全]
Oct 17 #Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 #Javascript
You might like
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
PHP数据库编程之MySQL优化策略概述
2017/08/16 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
js如何改变文章的字体大小
2016/01/08 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
基于JSON数据格式详解
2017/08/31 Javascript
解决layui的input独占一行的问题
2019/09/10 Javascript
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
python机器学习之贝叶斯分类
2018/03/26 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Python 3 判断2个字典相同
2019/08/06 Python
PyCharm 2020 激活到 2100 年的教程
2020/03/25 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
struct和class的区别
2015/11/20 面试题
社团活动策划书范文
2014/01/09 职场文书
回门宴答谢词
2014/01/13 职场文书
幼儿园秋游感想
2014/03/12 职场文书
正科级干部考察材料
2014/05/29 职场文书
项目合作意向书模板
2014/07/29 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
高三数学教学反思
2016/02/18 职场文书
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android