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源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
JQuery.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
javascript 数组操作详解
Jan 29 Javascript
给angular加上动画效遇到的问题总结
Feb 17 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
layui文件上传控件带更改后数据传值的方法
Sep 23 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 字符串分割和比较
2009/10/06 PHP
PHP 防注入函数(格式化数据)
2011/08/08 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
总结对比php中的多种序列化
2016/08/28 PHP
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
JS面向对象编程浅析
2011/08/28 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
JavaScript中Array对象用法实例总结
2016/11/29 Javascript
jQuery实现的背景颜色渐变动画效果示例
2017/03/24 jQuery
vue form check 表单验证的实现代码
2018/12/09 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
vue.js中使用echarts实现数据动态刷新功能
2019/04/16 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
go语言计算两个时间的时间差方法
2015/03/13 Python
Python新手实现2048小游戏
2015/03/31 Python
python获取目录下所有文件的方法
2015/06/01 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
Python类class参数self原理解析
2020/11/19 Python
Django celery异步任务实现代码示例
2020/11/26 Python
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
绩效工资分配方案
2014/01/18 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
信息技术研修心得体会
2016/01/08 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python