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动态添加的元素绑定事件处理函数代码
Aug 02 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
jquery实现手风琴效果
Nov 20 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
bootstrap Table的一些小操作
Nov 01 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
Nov 02 Javascript
js 两数组去除重复数值的实例
Dec 06 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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
基于Zend的Config机制的应用分析
2013/05/02 PHP
php支持中文字符串分割的函数
2015/05/28 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
一个javascript参数的小问题
2008/03/02 Javascript
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
2013/01/17 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
JS操作Fckeditor的一些常用方法(获取、插入等)
2020/02/19 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
Python解析nginx日志文件
2015/05/11 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
python3.6使用pickle序列化class的方法
2018/10/22 Python
python实现列表的排序方法分享
2019/07/01 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
通过Python编写一个简单登录功能过程解析
2019/09/04 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
PHP面试题集
2016/12/18 面试题
公司委托书格式范文
2014/04/04 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
五一晚会主持词
2015/07/01 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android