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 相关文章推荐
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
json+jQuery实现的无限级树形菜单效果代码
Aug 27 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
jQuery实现图片向左向右切换效果的简单实例
May 18 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
Aug 02 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
Dec 20 Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 Javascript
webpack多页面开发实践
Dec 18 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
windows实现npm和cnpm安装步骤
Oct 24 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
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
php 字符串压缩方法比较示例
2014/01/23 PHP
php中count获取多维数组长度的方法
2014/11/03 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
半角全角相互转换的js函数
2009/10/16 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
2014/01/23 Javascript
js使用递归解析xml
2014/12/12 Javascript
DOM 事件流详解
2015/01/20 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
基于javascript实现随机颜色变化效果
2016/01/14 Javascript
两种js监听滚轮事件的实现方法
2016/05/13 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
jquery实现的简单轮播图功能【适合新手】
2018/08/17 jQuery
ES6小技巧之代替lodash
2019/06/07 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
python输入多行字符串的方法总结
2019/07/02 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
实现Python与STM32通信方式
2019/12/18 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
全球最大的游戏市场:G2A
2018/07/05 全球购物
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
事业单位个人应聘自荐信
2013/09/21 职场文书
应届毕业生简历自我评价
2014/01/31 职场文书
贷款担保申请书
2014/05/20 职场文书
本科应届生求职信
2014/08/05 职场文书
领导班子四风表现材料
2014/08/23 职场文书
小学英语教学反思范文
2016/02/15 职场文书