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随机排序(随即出牌)
Sep 17 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
React diff算法的实现示例
Apr 20 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
vue自定义表单生成器form-create使用详解
Jul 19 Javascript
8个有意思的JavaScript面试题
Jul 30 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 Javascript
字节飞书面试promise.all实现示例
Jun 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程序效率优化的一些策略小结
2010/07/17 PHP
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
php中url传递中文字符,特殊危险字符的解决方法
2013/08/17 PHP
php实现的用户查询类实例
2015/06/18 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
异步加载script的代码
2011/01/12 Javascript
ajax java 实现自动完成功能
2012/12/19 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
2013/05/03 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
2017/08/03 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
angular多语言配置详解
2019/05/16 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场
2015/12/28 DOTA
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
Python 查看文件的读写权限方法
2018/01/23 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
电大自我鉴定范文
2013/10/01 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android