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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
JavaScript 无符号右移赋值操作
Apr 17 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
一个JavaScript的求爱小特效
May 09 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
May 10 Javascript
vue使用watch 观察路由变化,重新获取内容
Mar 08 Javascript
php register_shutdown_function函数详解
Jul 23 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
Feb 26 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
详解vue更改头像功能实现
Apr 28 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
文件上传类
2006/10/09 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
2007/04/27 Javascript
Prototype 工具函数 学习
2009/07/23 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
2018/01/27 Javascript
使用pm2部署node生产环境的方法步骤
2019/03/09 Javascript
vue动态配置模板 'component is'代码
2019/07/04 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
[01:30:55]VG vs Mineski Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
python3 shelve模块的详解
2017/07/08 Python
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
在Python IDLE 下调用anaconda中的库教程
2020/03/09 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
Yahoo-PHP面试题4
2012/05/05 面试题
医院节能减排方案
2014/06/13 职场文书
标准毕业生自荐信
2014/06/24 职场文书
单位未婚证明范本
2014/11/25 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android