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表单验证函数
Oct 28 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
Shell脚本实现Linux系统和进程资源监控
Mar 05 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
Dec 28 Javascript
javascript中的面向对象
Mar 30 Javascript
vuex进阶知识点巩固
May 20 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 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验证session无效的解决方法
2014/11/04 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
新浪中用来显示flash的函数
2007/04/02 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
flexigrid 类似ext grid的JS表格代码
2010/07/17 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
2015/08/21 Javascript
基于JavaScript实现类似于百度学术高级检索功能
2016/03/02 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
基于layPage插件实现两种分页方式浅析
2019/07/27 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
python使用str &amp; repr转换字符串
2016/10/13 Python
Python的标准模块包json详解
2017/03/13 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
通过cmd进入python的实例操作
2019/06/26 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
C语言中break与continue的区别
2012/07/12 面试题
介绍一下mysql的日期和时间函数
2013/03/28 面试题
现代化办公人员工作的自我评价
2013/10/16 职场文书
采购主管的岗位职责
2013/12/17 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
实训报告范文大全
2014/11/04 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
python处理json数据文件
2022/04/11 Python