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.cookie用法详细解析
Dec 18 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
Jul 01 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
cnpm加速Angular项目创建的方法
Sep 07 Javascript
vue基于viewer实现的图片查看器功能
Apr 12 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
使用axios请求时,发送formData请求的示例
Oct 29 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 Javascript
详解Vue的options
May 15 Vue.js
用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/10/09 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
常见的javascript跨域通信方法
2015/12/31 Javascript
JavaScript实现时间倒计时跳转(推荐)
2016/06/28 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
react中的ajax封装实例详解
2017/10/17 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
react高阶组件添加和删除props
2019/04/26 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
pycharm远程调试openstack的图文教程
2017/11/21 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
Django视图扩展类知识点详解
2019/10/25 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
python绘制汉诺塔
2021/03/01 Python
美国时尚在线:Showpo
2017/09/08 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
优秀共青团员事迹材料
2014/12/25 职场文书
领导欢送会主持词
2015/07/06 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书
高一军训感想
2015/08/07 职场文书
使用compose函数优化代码提高可读性及扩展性
2022/06/16 Javascript