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 - HTML的request类
Jan 09 Javascript
直接生成打开窗口代码,不必下载
May 14 Javascript
JS声明变量背后的编译原理剖析
Dec 28 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
JavaScript知识点总结之如何提高性能
Jan 15 Javascript
js不间断滚动的简单实现
Jun 03 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
Jun 06 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
Jul 19 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
AJAX实现指定部分页面刷新效果
Oct 16 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中的CMS的涵义
2007/03/11 PHP
window.dialogArguments 使用说明
2011/04/11 Javascript
jquery 图片上传按比例预览插件集合
2011/05/28 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
2017/08/18 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
python计算两个地址之间的距离方法
2018/06/09 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
matplotlib之pyplot模块坐标轴标签设置使用(xlabel()、ylabel())
2021/02/22 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
护理专科毕业自荐信范文
2014/04/21 职场文书
实习指导老师评语
2014/04/26 职场文书
文明礼仪标语
2014/06/13 职场文书
纪念9.18事变演讲稿
2014/09/14 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书