Javascript实现真实字符串剩余字数提示的实例代码


Posted in Javascript onOctober 22, 2013
//文本框剩余字数提示(字符大小) 
function textLimitCheckSj(thisArea, maxLength, SpanId) { 
    var str = thisArea.value; 
    if (getChrLen(str, maxLength) > maxLength * 2) { 
        thisArea.value = str.substring(0, x-1); 
    } 
    else { 
        var varss = '(剩余字数:' + Math.floor((maxLength * 2 - getChrLen(str, maxLength)) / 2) + ')'; 
        document.getElementById(SpanId).innerHTML = varss; 
    } 
} 
function getChrLen(str, maxLength) { 
    var realLength = 0, len = str.length, charCode = -1; 
    x = 0; 
    for (; (x < len) && (realLength <=maxLength * 2); x++) { 
        charCode = str.charCodeAt(x); 
        if (charCode >= 0 && charCode <= 128) 
            realLength += 1; 
        else
            realLength += 2; 
    } 
    return realLength; 
} 
?
<asp:TextBox ID="txtOwner_Name" runat="server" Width="200px" BackColor="LightYellow"
                        onkeyup="textLimitCheckSj(this,50,'spOwner_Name')"></asp:TextBox><span id="spOwner_Name"
                            style="color: #808080"><em>(50字以内)</em></span>
Javascript 相关文章推荐
JavaScript中继承的一些示例方法与属性参考
Aug 07 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
javascript 动态脚本添加的简单方法
Oct 11 Javascript
jQuery实现发送验证码并60秒倒计时功能
Nov 25 Javascript
关于使用js算总价的问题
Jun 23 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 Javascript
用js的for循环获取radio选中的值
Oct 21 #Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 #Javascript
javascript验证只能输入数字和一个小数点示例
Oct 21 #Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 #Javascript
ie中js创建checkbox默认选中问题探讨
Oct 21 #Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 #Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 #Javascript
You might like
PHP截取中文字符串的问题
2006/07/12 PHP
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
jquery实现弹出层完美居中效果
2014/03/03 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
通过命令行创建vue项目的方法
2017/07/20 Javascript
Windows下快速搭建NodeJS本地服务器的步骤
2017/08/09 NodeJs
jQuery封装animate.css的实例
2018/01/04 jQuery
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
python简单线程和协程学习心得(分享)
2017/06/14 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
python命令行解析之parse_known_args()函数和parse_args()使用区别介绍
2018/01/24 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
python Zmail模块简介与使用示例
2020/12/19 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
《青蛙看海》教学反思
2014/04/23 职场文书
活动总结怎么写
2014/04/28 职场文书
关于安全的广播稿
2014/10/23 职场文书
品牌形象定位,全面分析
2019/07/23 职场文书
SpringBoot生成License的实现示例
2021/06/16 Java/Android