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为a标签的href赋值实现代码
May 03 Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
js页面跳转的常用方法整理
Oct 18 Javascript
js 显示base64编码的二进制流网页图片
Apr 04 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
Aug 24 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
详解package.json版本号规则
Aug 01 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
vue3使用vue-count-to组件的实现
Dec 25 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
德生1994机评
2021/03/02 无线电
发一个php简单的伪原创程序,配合商城采集用的
2010/10/12 PHP
PHP远程采集图片详细教程
2014/07/01 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
PHP多文件上传实例
2015/07/09 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
jquery validation验证表单插件
2017/01/07 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
详解JavaScript按概率随机生成事件
2017/08/02 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
王纯业的Python学习笔记 下载
2007/02/10 Python
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
python简单实现获取当前时间
2016/08/27 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
GANT葡萄牙官方商店:拥有美国运动服传统的生活方式品牌
2018/10/18 全球购物
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
班主任工作经验材料
2014/02/02 职场文书
员工考核评语大全
2014/04/26 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
贷款工资证明范本
2015/06/12 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers