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中Array 对象相关的几个方法
Dec 22 Javascript
页面只能打开一次Cooike如何实现
Dec 04 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 Javascript
微信小程序 底部导航栏目开发资料
Dec 05 Javascript
原生js封装自定义滚动条
Mar 24 Javascript
利用Vue v-model实现一个自定义的表单组件
Apr 27 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
vue.js源代码core scedule.js学习笔记
Jul 03 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 Vue.js
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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
使用JavaScript实现旋转的彩圈特效
2015/06/23 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
Python实现列表转换成字典数据结构的方法
2016/03/11 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
python实现微信接口(itchat)详细介绍
2017/10/23 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
Python 变量类型详解
2018/10/10 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
python opencv如何实现图片绘制
2020/01/19 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
广州某公司软件工程师面试题
2014/12/22 面试题
母亲节感恩活动记录
2014/03/16 职场文书
抽样调查项目计划书
2014/04/24 职场文书
放射科岗位职责
2015/02/14 职场文书
毕业生个人自荐书
2015/03/05 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
催款律师函范文
2015/05/27 职场文书
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python