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 相关文章推荐
常用Extjs工具:Extjs.util.Format使用方法
Mar 22 Javascript
用js调用迅雷下载代码的二种方法
Apr 15 Javascript
js 绑定键盘鼠标事件示例代码
Feb 12 Javascript
七个很有意思的PHP函数
May 12 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
javascript实现移动端上传图片功能
Aug 18 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中include与require使用方法区别详解
2013/10/19 PHP
php根据分类合并数组的方法实例详解
2013/11/06 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
PHP实现图片压缩
2020/09/09 PHP
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
javascript在myeclipse中报错的解决方法
2013/10/29 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
2014/05/28 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
详解Node 定时器
2018/02/26 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
node+multer实现图片上传的示例代码
2020/02/18 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
html5使用canvas画一条线
2014/12/15 HTML / CSS
Watchshop德国:欧洲在线手表No.1
2019/06/20 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
社会公德演讲稿
2014/05/20 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
三年级学生期末评语
2014/12/26 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL