jquery限制输入字数,并提示剩余字数实现代码


Posted in Javascript onDecember 24, 2012
<!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>jquery限制输入字数,并提示剩余字数</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
function words_deal() 
{ 
var curLength=$("#TextArea1").val().length; 
if(curLength>5) 
{ 
var num=$("#TextArea1").val().substr(0,5); 
$("#TextArea1").val(num); 
alert("超过字数限制,多出的字将被截断!" ); 
} 
else 
{ 
$("#textCount").text(5-$("#TextArea1").val().length); 
} 
} 
</script> 
</head> 
<body> 
剩余<span id="textCount">5</span>个字<br /> 
<textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();" ></textarea> 
</body> 
</html>
Javascript 相关文章推荐
Js之软键盘实现(js源码)
Jan 30 Javascript
匹配任意字符的正则表达式写法
Apr 29 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
ajax请求+vue.js渲染+页面加载的示例
Feb 11 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
js核心基础之构造函数constructor用法实例分析
May 11 Javascript
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
全面解析js中的原型,原型对象,原型链
Jan 25 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 #Javascript
ajax中get和post的说明及使用与区别
Dec 23 #Javascript
javascript 全选与全取消功能的实现代码
Dec 23 #Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 #Javascript
javascript小数四舍五入多种方法实现
Dec 23 #Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 #Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 #Javascript
You might like
杏林同学录(八)
2006/10/09 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
微信公众平台实现获取用户OpenID的方法
2015/04/15 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
理解 Node.js 事件驱动机制的原理
2017/08/16 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
2019/07/20 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
简单分析Python中用fork()函数生成的子进程
2015/05/04 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
公司庆典活动邀请函
2014/01/09 职场文书
国际语言毕业生求职信
2014/07/08 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript