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比较文档位置
Apr 08 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
基于jQuery实现表单提交验证
Nov 24 Javascript
node.js中的path.sep方法使用说明
Dec 08 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
Bootstrap字体图标无法正常显示的解决方法
Oct 08 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 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的FTP学习(一)[转自奥索]
2006/10/09 PHP
source.php查看源文件
2006/12/09 PHP
php的curl实现get和post的代码
2008/08/23 PHP
jQuery 源码分析笔记
2011/05/25 PHP
php实现登陆模块功能示例
2016/10/20 PHP
iis6手工创建网站后无法运行php脚本的解决方法
2017/06/08 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
jQuery 动画基础教程
2008/12/25 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
如何调试异步加载页面里包含的js文件
2014/10/30 Javascript
了不起的node.js读书笔记之node.js中的特性
2014/12/22 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
基于滚动条位置判断的简单实例
2017/12/14 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
2019/12/25 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
Python抓取框架 Scrapy的架构
2016/08/12 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
wxPython实现文本框基础组件
2019/11/18 Python
python装饰器代替set get方法实例
2019/12/19 Python
信号生成及DFT的python实现方式
2020/02/25 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
访谈节目策划方案
2014/05/15 职场文书
2014企业年终工作总结
2014/12/23 职场文书
机关单位保密工作责任书
2015/05/11 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书