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编程起步(第三课)
Feb 27 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
详解JS中的柯里化(currying)
Aug 17 Javascript
详解vue-router 路由元信息
Sep 13 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
基于ant design日期控件使用_仅月份的操作
Oct 27 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 Javascript
创建与框架无关的JavaScript插件
Dec 01 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开发过程中常用函数收藏
2009/12/14 PHP
PHP设计模式之命令模式的深入解析
2013/06/13 PHP
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
php通过strpos查找字符串出现位置的方法
2015/03/17 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
php报错502badgateway解决方法
2019/10/11 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
FF IE兼容性的修改小结
2009/09/02 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
jQuery ul标签下拉菜单演示代码
2010/12/11 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
JavaScript学习笔记(一) js基本语法
2011/10/25 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
深入解析Vue 组件命名那些事
2017/07/18 Javascript
node+vue实现用户注册和头像上传的实例代码
2017/07/20 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
js实现图片实时时钟
2020/01/15 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
2014年迎新年活动方案
2014/02/19 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python