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 相关文章推荐
jQuery ajax BUG:object doesn't support this property or method
Jul 06 Javascript
Javascript 键盘事件的组合使用实现代码
May 04 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
jQuery实现文件上传进度条特效
Aug 12 Javascript
JS中frameset框架弹出层实例代码
Apr 01 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
详解vue跨组件通信的几种方法
Jun 15 Javascript
AngularJS常见过滤器用法实例总结
Jul 06 Javascript
js操作二进制数据方法
Mar 03 Javascript
Js代码中的span拼接问题解决
Nov 22 Javascript
vue封装数字翻牌器
Apr 20 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
PHP编程 SSO详细介绍及简单实例
2017/01/13 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
webpack3+React 的配置全解
2017/08/21 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
2017/09/19 jQuery
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第二场 2月28日
2021/03/11 DOTA
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
python 遍历目录(包括子目录)下所有文件的实例
2018/07/11 Python
使用python模拟命令行终端的示例
2019/08/13 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Python中实现输入一个整数的案例
2020/05/03 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
巴西电子产品购物网站:Saldão da Informática
2018/01/09 全球购物
七年级政治教学反思
2014/02/03 职场文书
村居抓节水倡议书
2014/05/19 职场文书
建筑院校毕业生求职信
2014/06/13 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2014小学数学教师个人工作总结
2014/12/18 职场文书
投诉信格式范文
2015/07/02 职场文书
HTML基础详解(上)
2021/10/16 HTML / CSS
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android
Hive导入csv文件示例
2022/06/25 数据库