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类和继承 this属性使用说明
Sep 03 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
javascript打印输出json实例
Nov 11 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
有关jquery与DOM节点操作方法和属性记录
Apr 15 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
jfinal与bootstrap的登出实战详解
Nov 27 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
Vue精简版风格概述
Jan 30 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
Jquery的Ajax技术使用方法
Jan 21 jQuery
网页加载时页面显示进度条加载完成之后显示网页内容
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数据库连接
2006/10/09 PHP
PHP面向对象精要总结
2014/11/07 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
php使用PDO事务配合表格读取大量数据插入操作实现方法
2017/02/16 PHP
PHP进程通信基础之信号
2017/02/19 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
网页和浏览器兼容性问题汇总(draft1)
2009/06/01 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
jQuery弹出div层过2秒自动消失
2016/11/29 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
老生常谈angularjs中的$state.go
2017/04/24 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python中sleep函数用法实例分析
2015/04/29 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
PyTorch的Optimizer训练工具的实现
2019/08/18 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
指导教师推荐意见
2015/06/05 职场文书
蜗居观后感
2015/06/11 职场文书
CAD实训总结范文
2015/08/03 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
javascript实现计算器功能详解流程
2021/11/01 Javascript
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers