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 相关文章推荐
JavaScript中URL编码函数代码
Jan 11 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
JS实现动态给图片添加边框的方法
Apr 01 Javascript
实例解析jQuery中proxy()函数的用法
May 24 Javascript
JS实现的几个常用算法
Nov 12 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
jQuery实现鼠标拖动图片功能
Mar 04 jQuery
设置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中的超全局变量
2006/10/09 PHP
PHP 日常开发小技巧
2009/09/23 PHP
用Zend Encode编写开发PHP程序
2010/02/21 PHP
php旋转图片90度的方法
2013/11/07 PHP
用PHP实现弹出消息提示框的两种方法
2013/12/17 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
php常量详细解析
2015/10/27 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
javascript 对象比较实现代码
2009/04/27 Javascript
javascript写的日历类(基于pj)
2010/12/28 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
nodejs如何获取时间戳与时间差
2016/08/03 NodeJs
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
Js利用prototype自定义数组方法示例
2017/10/20 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
python基础教程之对象和类的实际运用
2014/08/29 Python
Python使用paramiko操作linux的方法讲解
2019/02/25 Python
Django后台admin的使用详解
2019/07/08 Python
python利用tkinter实现屏保
2019/07/30 Python
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
简历的自荐信
2013/12/19 职场文书
双十佳事迹材料
2014/01/29 职场文书
护校行动方案
2014/05/31 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
工作报告范文
2019/06/20 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫