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 相关文章推荐
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
Nov 25 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
JS控件bootstrap datepicker使用方法详解
Mar 25 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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
php REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
php获取服务器操作系统相关信息的方法
2016/10/08 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
HTML Dom与Css控制方法
2010/10/25 Javascript
jQuery bind事件使用详解
2011/05/05 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
vue 设置路由的登录权限的方法
2018/07/03 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
解决pycharm最左侧Tool Buttons显示不全的问题
2019/12/17 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
Windows下Anaconda和PyCharm的安装与使用详解
2020/04/23 Python
简约控的天堂:The Undone
2016/12/21 全球购物
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
九年级政治教学反思
2014/02/06 职场文书
超市国庆节促销方案
2014/02/20 职场文书
商业用房租赁协议书
2014/10/13 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
电影复兴之路观后感
2015/06/02 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
Windows下redis下载、redis安装及使用教程
2021/06/02 Redis
Apache POI的基本使用详解
2021/11/07 Servers