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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
List Information About the Binary Files Used by an Application
Jun 11 Javascript
javascript时间自动刷新实现原理与步骤
Jan 06 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
Jun 08 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
Jan 22 Javascript
详解AngularJS controller调用factory
May 19 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
浅谈javascript如何获取文件后缀名
Aug 07 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
中英文字符串翻转函数
2008/12/09 PHP
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
php创建sprite
2014/02/11 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
php数组指针函数功能及用法示例
2020/02/11 PHP
javascript document.images实例
2008/05/27 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
浅谈Javascript鼠标和滚轮事件
2012/06/27 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
2012/07/17 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
JavaScript订单操作小程序完整版
2017/06/23 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
vue addRoutes路由动态加载操作
2020/08/04 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
Python使用函数默认值实现函数静态变量的方法
2014/08/18 Python
Flask之请求钩子的实现
2018/12/23 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
如何反序的迭代一个序列?how do I iterate over a sequence in reverse order
2012/02/04 面试题
环境科学专业个人求职信
2013/12/15 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
公司周年庆典标语
2014/10/07 职场文书
求职导师推荐信范文
2015/03/27 职场文书
党员承诺书格式范文
2015/04/28 职场文书
项目合作意向书
2015/05/08 职场文书
推销搭讪开场白
2015/05/28 职场文书
家装电话营销开场白
2015/05/29 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
Java对文件的读写操作方法
2022/04/29 Java/Android