jquery统计输入文字的个数并对其进行判断


Posted in Javascript onJanuary 07, 2014

1、js代码部分

<script type="text/javascript"> 

$(function() { 
function albumName() { 

var text = $("#album_name").val(); 

var counter = text.length; 

$("#numtj var").text(counter); 

$(document).keyup(function() { 

var text = $("#album_name").val(); 

var counter = text.length; 

$("#name_word").text(counter); 

}); 

} 

}); 

</script>

2、html部分
<input type="text" maxlength="30" class="int_txt" name="album_name" id="album_name"> 

<span class="count_txt"><span id="name_word">0</span>/30</span>

3、贴张图看下效果
jquery统计输入文字的个数并对其进行判断

PS:本站还提供了一个关于字符统计的工具,感兴趣的朋友可以参考一下:

在线字数统计工具:

Javascript 相关文章推荐
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
JQuery包裹DOM节点的方法
Jun 11 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
一个仿微博登陆邮箱提示框js开发案例
Jul 28 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
jQuery 局部div刷新和全局刷新方法总结
Oct 05 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
Nov 29 Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
Sep 06 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
Jan 07 #Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 #Javascript
form表单action提交的js部分与html部分
Jan 07 #Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 #Javascript
javascript计时器事件使用详解
Jan 07 #Javascript
javascript创建和存储cookie示例
Jan 07 #Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 #Javascript
You might like
PHP生成网页快照 不用COM不用扩展.
2010/02/11 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
PDO::getAttribute讲解
2019/01/28 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
javascript学习之闭包分析
2010/12/02 Javascript
javascript创建和存储cookie示例
2014/01/07 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
2016/01/23 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
微信小程序实现多宫格抽奖活动
2020/04/15 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
Vue自定义组件的四种方式示例详解
2020/02/28 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
Python单例模式的四种创建方式实例解析
2020/03/04 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
解决python运行效率不高的问题
2020/07/20 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
运动会入场解说词
2014/02/07 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
经典爱情感言
2015/08/03 职场文书
教师网络培训心得体会
2016/01/09 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL