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 相关文章推荐
js利用div背景,做一个竖线的效果。
Nov 22 Javascript
Javascript delete 引用类型对象
Nov 01 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
判断浏览器的内核及版本号方法汇总
Jan 05 Javascript
js+jquery常用知识点汇总
Mar 03 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
微信小程序 生命周期函数详解
May 24 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 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
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
PHP同时连接多个mysql数据库示例代码
2014/03/17 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
js函数般调用正则
2008/04/08 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
2012/02/10 Javascript
基于jQuery的获取标签名的代码
2012/07/16 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
easyui导出excel无法弹出下载框的快速解决方法
2016/11/10 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
python 3.7.0 下pillow安装方法
2018/08/27 Python
美国购车网站:TrueCar
2016/10/19 全球购物
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
应届生服装设计自我评价
2013/09/20 职场文书
个人查摆剖析材料
2014/02/04 职场文书
幼儿园运动会入场词
2014/02/10 职场文书
房产继承公证书
2014/04/09 职场文书
党建目标管理责任书
2014/07/25 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
院系推荐意见
2015/06/05 职场文书
趣味运动会标语口号
2015/12/26 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
Java实现注册登录跳转
2022/06/16 Java/Android