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 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
javascript 简单抽屉效果的实现代码
Mar 09 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
Sep 03 Javascript
简单使用webpack打包文件的实现
Oct 29 Javascript
JavaScript实现HSL拾色器
May 21 Javascript
Vue实现点击导航栏当前标签后变色功能
Aug 19 Javascript
详解JavaScript执行模型
Nov 16 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
Windows下安装Memcached的步骤说明
2010/04/25 PHP
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
php继承的一个应用
2011/09/06 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
php隐藏实际地址的文件下载方法
2015/04/18 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
js局部刷新页面时间具体实现
2013/07/04 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
JavaScript中number转换成string介绍
2014/12/31 Javascript
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
详解webpack的配置文件entry与output
2017/08/21 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
JavaScript实现区块链
2018/03/14 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
自荐信的五个重要部分
2013/10/29 职场文书
新年爱情寄语
2014/04/08 职场文书
建设工地安全标语
2014/06/07 职场文书
领导班子民主生活会整改措施(工商局)
2014/09/21 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
JavaScript实现九宫格拖拽效果
2022/06/28 Javascript