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实现多域名不同文件的调用方法
Jan 12 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
关于JS管理作用域的问题
Apr 10 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
vue3.0 的 Composition API 的使用示例
Oct 26 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
网页加载时页面显示进度条加载完成之后显示网页内容
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
Zend 输出产生XML解析错误
2009/03/03 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
php生成随机数的三种方法
2014/09/10 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
使用JS 清空File控件的路径值
2013/07/08 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
python实现代码行数统计示例分享
2014/02/10 Python
python字典排序的方法
2019/10/12 Python
基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解
2020/06/08 Python
如何在python中实现线性回归
2020/08/10 Python
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
外语专业毕业生个人的自荐信
2013/11/19 职场文书
中职招生先进个人材料
2014/08/31 职场文书
网络管理员岗位职责
2015/02/12 职场文书
天鹅湖观后感
2015/06/09 职场文书
小学教师教育随笔
2015/08/14 职场文书