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 相关文章推荐
对table和ul实现js分页示例分享
Feb 24 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
JavaScript插件化开发教程 (一)
Jan 27 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
ES6中参数的默认值语法介绍
May 03 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
vue后台管理之动态加载路由的方法
Aug 13 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
js实现橱窗展示效果
Jan 11 Javascript
微信小程序实现文件预览
Oct 22 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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 数组教程 定义数组
2009/10/23 PHP
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
php中CI操作多个数据库的代码
2012/07/05 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
jQuery实现简易的天天爱消除小游戏
2015/10/16 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
2019/12/10 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
[01:03:56]Mineski vs TNC 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
如何通过Python实现标签云算法
2019/07/02 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
应用电子技术专业个人求职信
2013/09/21 职场文书
迎新晚会主持词
2014/03/24 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python