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 相关文章推荐
javascript下过滤数组重复值的代码
Sep 10 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 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
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
浅析PHP页面局部刷新功能的实现小结
2013/06/21 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
Js操作Select大全(取值、设置选中等等)
2013/10/29 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
纯js代码制作的网页时钟特效【附实例】
2016/03/30 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
解决layui弹框失效的问题
2019/09/09 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
解决Vue中使用keepAlive不缓存问题
2020/08/04 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
Python lambda和Python def区别分析
2014/11/30 Python
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
python操作 hbase 数据的方法
2016/12/18 Python
python 获取网页编码方式实现代码
2017/03/11 Python
关于python写入文件自动换行的问题
2018/06/23 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
最小二乘法及其python实现详解
2020/02/24 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
中国高端家电购物商城:顺电
2018/03/04 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
兼职业务员岗位职责
2014/01/01 职场文书
小型女装店的创业计划书
2014/01/09 职场文书
护理工作感言
2014/01/16 职场文书
党风廉政承诺书
2014/03/27 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
工会积极分子个人总结
2015/03/03 职场文书
2015年班干部工作总结
2015/04/29 职场文书