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 相关文章推荐
『jQuery』取指定url格式及分割函数应用
Apr 22 Javascript
css配合jquery美化 select
Nov 29 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
Bootstrap4如何定制自己的颜色和风格
Feb 26 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 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操作xml代码
2010/06/17 PHP
The specified CGI application misbehaved by not returning a complete set of HTTP headers
2011/03/31 PHP
php数组去重复数据示例
2014/02/25 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
JavaScript如何操作css
2020/10/24 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
Python实现基本线性数据结构
2016/08/22 Python
python爬虫使用cookie登录详解
2017/12/27 Python
Python中print函数简单使用总结
2019/08/05 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
Django启动时找不到mysqlclient问题解决方案
2020/11/11 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
优秀士兵个人事迹材料
2014/01/19 职场文书
海洋科学专业求职信
2014/08/10 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js