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 相关文章推荐
JS日历 推荐
Dec 03 Javascript
广告切换效果(缓动切换)
May 27 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
require.js的用法详解
Oct 20 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
基于 Vue 的树形选择组件的示例代码
Aug 18 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
纯javascript实现选择框的全选与反选功能
Apr 08 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模板中出现空行解决方法
2011/03/08 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
PHP中imagick函数的中文解释
2015/01/21 PHP
php单一接口的实现方法
2015/06/20 PHP
php使用PDO执行SQL语句的方法分析
2017/02/16 PHP
php实现socket推送技术的示例
2017/12/20 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
JS 实现双色表格实现代码
2009/11/24 Javascript
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
2012/10/18 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
js使用递归解析xml
2014/12/12 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
Python实现股市信息下载的方法
2015/06/15 Python
python Django模板的使用方法
2016/01/14 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
关于Pytorch MaxUnpool2d中size操作方式
2020/01/03 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
外企C语言笔试题
2013/11/10 面试题
项目副经理岗位职责
2013/12/30 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
体育教师个人总结
2015/02/09 职场文书