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 相关文章推荐
JS启动应用程序的一个简单例子
May 11 Javascript
FF IE兼容性的修改小结
Sep 02 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
node.js中的console用法总结
Dec 15 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
vue中el-upload上传图片到七牛的示例代码
Oct 19 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
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
php 前一天或后一天的日期
2008/06/28 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
js的一些常用方法小结
2011/06/29 Javascript
document.createElement()用法
2013/03/13 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
Vue组件tree实现树形菜单
2017/04/13 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
JS中封装axios来管控api的2种方式
2019/09/11 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
Python  连接字符串(join %)
2008/09/06 Python
Python中使用ElementTree解析XML示例
2015/06/02 Python
python实现媒体播放器功能
2018/02/11 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
Python qqbot 实现qq机器人的示例代码
2019/07/11 Python
python对常见数据类型的遍历解析
2019/08/27 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
编辑找工作求职信范文
2013/12/16 职场文书
保研推荐信
2014/05/09 职场文书
工作态度怎么写
2015/06/25 职场文书
企业管理不到位检讨书
2019/06/27 职场文书