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实现弹出层分享微博插件具备动画效果
Apr 03 Javascript
jQuery判断当前点击的是第几个li的代码
Sep 26 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
Aug 25 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
原生js实现点击按钮复制内容到剪切板
Nov 19 Javascript
vue+element ui实现锚点定位
Jun 29 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
牡丹941资料
2021/03/01 无线电
做个自己站内搜索引擎
2006/10/09 PHP
PHP类的使用 实例代码讲解
2009/12/28 PHP
Zend Framework中的简单工厂模式 图文
2012/07/10 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
JavaScript多线程详解
2015/08/12 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
2016/05/05 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
pandas 转换成行列表进行读取与Nan处理的方法
2018/10/30 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
python模拟斗地主发牌
2020/04/22 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
基于Python的接口自动化unittest测试框架和ddt数据驱动详解
2021/01/27 Python
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
公司担保书格式范文
2014/05/12 职场文书
汽车转让协议书范本
2014/12/07 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
学校财务管理制度
2015/08/04 职场文书
学习计划是什么
2019/04/30 职场文书
python 批量压缩图片的脚本
2021/06/02 Python