jQuery实现统计输入文字个数的方法
2015-03-11 00:00
639 查看
本文实例讲述了jQuery实现统计输入文字个数的方法。分享给大家供大家参考。具体如下:
jQuery统计输入文字个数可以使用在统计回复字数,标题字数长度提示,增加友好度提高用户体验。代码如下:
希望本文所述对大家的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程序设计有所帮助。
相关文章推荐
- jQuery实现统计输入文字个数的方法
- jQuery插件InputLimitor实现文本框输入限制字数统计
- jquery统计文本域输入字数实现
- Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
- jquery文字上下滚动的实现方法
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- jquery实现微博文字输入框——输入时显示输入字数
- Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
- jQuery中实现:当文本框输入值,验证值不符合规格,然后是文本框输出原来的值的方法
- Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
- jquery文字上下滚动的实现方法
- jQuery插件InputLimitor实现文本框输入限制字数统计
- jquery判断输入文字个数的统计代码
- jquery判断输入文字个数的统计代码
- 利用Jquery实现,可输入搜索文字下拉选效果
- 利用jQuery实现可输入搜索文字的下拉框
- JQuery实现文字滚动效果-最简单的方法
- jQuery实现3D文字特效的方法
- jquery的动态统计输入字符数方法
- jquery+ajax实现像百度搜索框中输入文字