jquery统计输入文字的个数并对其进行判断
更新时间：2014年01月07日 15:54:24 投稿：whsnow
判断输入文字个数并提示还可以输入多少个字，类似的功能使用jquery便可轻松实现
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、贴张图看下效果
PS：本站还提供了一个关于字符统计的工具，感兴趣的朋友可以参考一下：
在线字数统计工具：
相关文章
这篇文章主要介绍了jquery实现仿Flash的横向滑动菜单效果代码,可实现滑块跟随鼠标滑动效果的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
jQuery仿阿里云购买服务器选择时间长度,操作简单，只需点击所要选的时间段，对实现代码感兴趣的朋友参考下2016-04-04
jQuery中的ready函数与window.onload谁先执行
这篇文章主要介绍了jquery中ready函数与window.onload函数的区别，别讲解了他们各自执行的时机，通俗易懂，需要的朋友可以参考下。2016-06-06
本文主要介绍了jquery正整数数字校验正则表达式的方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了如何使用jQuery异步加载JavaScript脚本,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了jQuery实现带分组数据的Table表头排序方法,结合实例形式较为详细的分析了jQuery针对表头的操作及元素遍历排序相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
本篇文章是对jQuery中的尺寸调整组件进行了详细的分析介绍，需要的朋友参考下2013-06-06
下面小编就为大家带来一篇Spring MVC中Ajax实现二级联动的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
jquery提供一种操作DOM元素属性的方法: attr(修改和增加DOM元素的属性) 和 removeAttr(移除属性)。2010-12-12
Jquery 插件学习实例1 插件制作说明与tableUI优化
Jquery 插件学习实例1 插件制作说明与tableUI优化，需要的朋友可以参考下。2010-04-04
最新评论