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 相关文章推荐
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
js 操作select与option(示例讲解)
Dec 20 Javascript
jquery制作属于自己的select自定义样式
Nov 23 Javascript
javascript产生随机数方法汇总
Jan 25 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
jquery使用FormData实现异步上传文件
Oct 25 jQuery
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
Oct 31 Javascript
ES6实现图片切换特效代码
Jan 14 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调试及性能分析工具Xdebug详解
2017/02/09 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
PHP使用观察者模式处理异常信息的方法详解
2019/09/24 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
2015/11/30 Javascript
JQuery解析XML的方法小结
2016/04/02 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
手把手教你实现 Promise的使用方法
2020/09/02 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
Python入门篇之条件、循环
2014/10/17 Python
详解python开发环境搭建
2016/12/16 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
python实现播放音频和录音功能示例代码
2018/12/30 Python
Pycharm 字体大小调整设置的方法实现
2019/09/27 Python
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
技校生自我鉴定
2013/12/08 职场文书
简历自我评价模版
2014/01/31 职场文书
导购员的岗位职责
2014/02/08 职场文书
新文化运动的口号
2014/06/21 职场文书
倡议书格式
2014/08/30 职场文书
欢迎家长标语
2014/10/08 职场文书
吧主申请感言怎么写
2015/08/03 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python