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 相关文章推荐
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
JS运行耗时操作的延时显示方法
Nov 19 Javascript
jquery trim() 功能源代码
Feb 14 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
Underscore源码分析
Dec 30 Javascript
Jquery easyui开启行编辑模式增删改操作
Jan 14 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
用React实现一个完整的TodoList的示例代码
Oct 30 Javascript
video.js 实现视频只能后退不能快进的思路详解
Aug 09 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 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的知识
2006/11/17 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
Firefox下提示illegal character并出现乱码的原因
2010/03/25 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
百度UEditor编辑器如何关闭抓取远程图片功能
2015/03/03 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
Python使用python-docx读写word文档
2019/08/26 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
iPython pylab模式启动方式
2020/04/24 Python
vscode调试django项目的方法
2020/08/06 Python
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
某同学的自我鉴定范文
2013/12/26 职场文书
污水厂厂长岗位职责
2014/01/04 职场文书
施工安全汇报材料
2014/08/17 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
MySQL 使用事件(Events)完成计划任务
2021/05/24 MySQL
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
python 离散点图画法的实现
2022/04/01 Python
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript