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 相关文章推荐
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
JS读取cookies信息(记录用户名)
Jan 10 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
jquery解析xml字符串示例分享
Mar 25 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
Nov 08 Javascript
jQuery表单美化插件jqTransform使用详解
Apr 12 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
vue 子组件和父组件传值的示例
Sep 11 Javascript
vue 通过base64实现图片下载功能
Dec 19 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
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
AutoSave/自动存储功能实现
2007/03/24 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
javascript基本类型详解
2014/11/28 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
深入探究node之Transform
2017/07/20 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
Python实现希尔排序算法的原理与用法实例分析
2017/11/23 Python
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
使用python存储网页上的图片实例
2018/05/22 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
使用Python 统计高频字数的方法
2019/01/31 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
.dcm格式文件软件读取及python处理详解
2020/01/16 Python
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
幸福家庭事迹材料
2014/02/03 职场文书
政府门卫岗位职责
2014/04/29 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
幼儿教师辞职信
2015/02/27 职场文书
办公室岗位职责范本
2015/04/11 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
个人欠条范本
2015/07/03 职场文书
python文件与路径操作神器 pathlib
2022/04/01 Python
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python