jQuery实现统计输入文字个数的方法


Posted in Javascript onMarch 11, 2015

本文实例讲述了jQuery实现统计输入文字个数的方法。分享给大家供大家参考。具体如下:

jQuery统计输入文字个数可以使用在统计回复字数,标题字数长度提示,增加友好度提高用户体验。代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery统计文字个数</title>

<script type="text/javascript" src="js/jquery.js"></script>

</head>

<body>

<ul>

  <li>

    <span>新闻标题:</span>

    <span><input id="news_title" name="news_title" type="text" size="60" onkeyup="title_len();" onclick="title_len();"  maxlength="80"/>

    <span id="titlelen">0/80</span>

  </li>

</ul>

</body>

<script language="javascript" type="text/javascript">

function title_len(){

 var value = $('#news_title').val().length;

 if(value == 80){

  var string = "<span style=\"color:#FF0000\">"+value+"/80</span>";

 }else{

  var string = "<span style=\"color:#FF0000\">"+value+"</span>/80";

 }

 $('#titlelen').html(string);

}

</script>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
Oct 13 Javascript
bootstrap表单示例代码分享
May 18 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
使用vue-cli导入Element UI组件的方法
May 16 Javascript
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
Javascript中async与await的捕捉错误详解
Mar 03 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 #Javascript
jquery实现表格本地排序的方法
Mar 11 #Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 #Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 #Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 #Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 #Javascript
JavaScript前补零操作实例
Mar 11 #Javascript
You might like
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
如何判断php mysqli扩展类是否开启
2016/12/24 PHP
ExtJS的FieldSet的column列布局
2009/11/20 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
使用JS 清空File控件的路径值
2013/07/08 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
2014/09/09 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
python3 读取Excel表格中的数据
2018/10/16 Python
djang常用查询SQL语句的使用代码
2019/02/15 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
Python实现捕获异常发生的文件和具体行数
2020/04/25 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
粗加工管理制度
2014/02/04 职场文书
大学生学习2014全国两会心得体会
2014/03/13 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
父亲节寄语大全
2015/02/27 职场文书
答辩状格式范本
2015/05/22 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
雷锋电影观后感
2015/06/10 职场文书
工作年限证明范本
2015/06/15 职场文书
重温入党誓词主持词
2015/06/29 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
Python实现生成bmp图像的方法
2021/06/13 Python
Redis高可用集群redis-cluster详解
2022/03/20 Redis