javascript实现文本域写入字符时限定字数


Posted in Javascript onFebruary 12, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> <body> 
<textarea id="text"cols="20" rows="5" onkeyup="sum ()" onfocus="focu()"></textarea> 
<span id="span"></span> 
</body> 
<script> 
function sum(){ 
var str =document.getElementById("text"); 
var cont=str.value; 
var len=cont.length; 
document.getElementById("span").innerHTML="您当前输入了"+len+"个字符"; 
if(len>=100){alert("您不能再写入了,已经达到最大限度!"); 
document.getElementById("text").value=cont.substr(0,99); 
//实现100字最大限度 ,如果超过了,不在写入数据! 
} 
} 
</script> 
</html>
Javascript 相关文章推荐
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
使用js实现雪花飘落效果
Aug 26 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
javascript转换静态图片,增加粒子动画效果
May 28 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
详解JavaScript中|单竖杠运算符的使用方法
May 23 Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
Jun 24 Javascript
基于VSCode调试网页JavaScript代码过程详解
Jul 20 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
Sep 02 Javascript
vue-cli3 热更新配置操作
Sep 18 Javascript
js 绑定键盘鼠标事件示例代码
Feb 12 #Javascript
动态加载jquery库的方法
Feb 12 #Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 #Javascript
javascript获取web应用根目录的方法
Feb 12 #Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 #Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 #Javascript
js post提交调用方法
Feb 12 #Javascript
You might like
自定义php类(查找/修改)xml文档
2013/03/26 PHP
php中__toString()方法用法示例
2016/12/07 PHP
php ZipArchive实现多文件打包下载实例
2019/10/31 PHP
jquery 输入框数字限制插件
2009/11/10 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
js控制table合并具体实现
2014/02/20 Javascript
Js实现网页键盘控制翻页的方法
2014/10/30 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
深入理解Javascript中的观察者模式
2017/02/20 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
vue组件父与子通信详解(一)
2017/11/07 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
Python 40行代码实现人脸识别功能
2017/04/02 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
python使用PyQt5的简单方法
2019/02/27 Python
django中使用POST方法获取POST数据
2019/08/20 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
详解python中的异常捕获
2020/12/15 Python
WoolOvers澳洲官方网站:英国针织服装公司
2018/05/13 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
会计电算化专业应届大学生求职信
2013/10/22 职场文书
写给女朋友的检讨书
2014/01/28 职场文书
成人继续教育实施方案
2014/03/01 职场文书
大学迎新标语
2014/06/26 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
小学中队活动总结
2015/05/11 职场文书
消费者投诉书范文
2015/07/02 职场文书
工作简历的自我评价
2019/05/16 职场文书
python3实现常见的排序算法(示例代码)
2021/07/04 Python
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL