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插件集合
Jan 12 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
javascript实现类似百度分享功能的方法
Jul 27 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
Node.js的基本知识简单汇总
Sep 19 Javascript
学习vue.js计算属性
Dec 03 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
详解angularjs 学习之 scope作用域
Jan 15 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
vue中uni-app 实现小程序登录注册功能
Oct 12 Javascript
详解Typescript 内置的模块导入兼容方式
May 31 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之对抗Web扫描器的脚本技巧
2008/10/01 PHP
php学习之 循环结构实现代码
2011/06/09 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
js获取url中&quot;?&quot;后面的字串方法
2014/05/15 Javascript
超链接的禁用属性Disabled使用示例
2014/07/31 Javascript
Javascript实现获取及设置光标位置的方法
2015/07/21 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
React Native实现简单的登录功能(推荐)
2016/09/19 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
ES6中Iterator与for..of..遍历用法分析
2017/03/31 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
python删除文件夹下相同文件和无法打开的图片
2019/07/16 Python
详解用python生成随机数的几种方法
2019/08/04 Python
PyTorch中permute的用法详解
2019/12/30 Python
python3 kubernetes api的使用示例
2021/01/12 Python
详解CSS3 弹性布局快速入门
2019/06/06 HTML / CSS
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
日语专业毕业生自荐信
2013/11/11 职场文书
红旗方阵解说词
2014/02/12 职场文书
股票投资建议书
2014/05/19 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
国际贸易系求职信
2014/08/09 职场文书
质量月活动总结
2014/08/26 职场文书
幼儿园教师安全责任书
2015/05/08 职场文书
乔迁新居祝福语
2019/11/04 职场文书
五年级作文之学校的四季
2019/12/05 职场文书