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 ajax提交整个表单元素的快捷办法
Mar 27 Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
JS实现前端页面的搜索功能
Jun 12 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
Layui弹出层 加载 做编辑页面的方法
Sep 16 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 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
jQuery 源码分析笔记
2011/05/25 PHP
php获取客户端电脑屏幕参数的方法
2015/01/09 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
PHP模板引擎Smarty自定义变量调解器用法
2016/04/11 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
js实现卡片式项目管理界面UI设计效果
2015/12/08 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
Vue-resource拦截器判断token失效跳转的实例
2017/10/27 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
详解webpack运行Babel教程
2018/06/13 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
2018/11/19 Javascript
实例详解vue中的$root和$parent
2019/04/29 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
2020/03/17 Javascript
python冒泡排序算法的实现代码
2013/11/21 Python
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
python字符串常用方法
2018/06/14 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
Python shelve模块实现解析
2019/08/28 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
如何理解transaction事务的概念
2015/05/27 面试题
后进生转化工作制度
2014/01/17 职场文书
写给老师的表扬信
2014/01/21 职场文书
晨会主持词
2014/03/17 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
小学一年级语文教学反思
2016/03/03 职场文书
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS