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 DOM编程实例(智播客学习)
Nov 23 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
DOM基础教程之使用DOM控制表格
Jan 20 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
javascript实现获取字符串hash值
May 10 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
vue+swiper实现侧滑菜单效果
Dec 28 Javascript
javascript中call()、apply()的区别
Mar 21 Javascript
前端天气插件tpwidget使用方法详解
Jun 24 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打开文件fopen函数的使用说明
2013/07/05 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
javascript时间函数大全
2014/06/30 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
Express系列之multer上传的使用
2017/10/27 Javascript
JS实现简易换图时钟功能分析
2018/01/04 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
js里面的变量范围分享
2020/07/18 Javascript
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
python标准算法实现数组全排列的方法
2015/03/17 Python
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
python输出带颜色字体实例方法
2019/09/01 Python
python实现图片横向和纵向拼接
2020/03/05 Python
Python正则表达式如何匹配中文
2020/05/27 Python
Django REST Swagger实现指定api参数
2020/07/07 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
Notino芬兰:购买香水和化妆品
2019/04/15 全球购物
大学同学聚会邀请函
2014/01/29 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
本溪关门山导游词
2015/02/09 职场文书