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中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
Jul 26 Javascript
jqgrid 表格数据导出实例
Nov 21 Javascript
javascript判断数组内是否重复的方法
Apr 21 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
Nov 23 Javascript
Javascript for in的缺陷总结
Feb 03 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
Vue中通过vue-router实现命名视图的问题
Apr 23 Javascript
原生小程序封装跑马灯效果
Oct 21 Javascript
多个Vue项目部署到服务器的步骤记录
Oct 22 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
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
php 获取SWF动画截图示例代码
2014/02/10 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
php面向对象的用户登录身份验证
2017/06/08 PHP
js程序中美元符号$是什么
2008/06/05 Javascript
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
javascript loadScript异步加载脚本示例讲解
2013/11/14 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
vue.js整合vux中的上拉加载下拉刷新实例教程
2018/01/09 Javascript
简述JS控制台的使用
2018/07/15 Javascript
layui 监听表格复选框选中值的方法
2018/08/15 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
laypage.js分页插件使用方法详解
2019/07/27 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
[06:15]2016国际邀请赛中国区预选赛单车采访:我顶WINGS
2016/06/27 DOTA
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
解决Tensorflow 内存泄露问题
2020/02/05 Python
关于打架的检讨书
2014/01/17 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
解决redis批量删除key值的问题
2022/03/23 Redis