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 相关文章推荐
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 Javascript
JS常见问题整理(持续更新)
Aug 06 Javascript
Javascript中For In语句用法实例
May 14 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
jQuery获取同级元素的简单代码
Jul 09 Javascript
关于定制FileField中的上传文件名称问题
Aug 22 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
详解JS实现简单的时分秒倒计时代码
Apr 25 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 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日期处理函数 整型日期格式
2011/01/12 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php从数组中随机抽取一些元素的代码
2012/11/05 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
php实现的读取CSV文件函数示例
2017/02/07 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
laravel请求参数校验方法
2019/10/10 PHP
js实现单一html页面两套css切换代码
2013/04/11 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
Javascript中的方法链(Method Chaining)介绍
2015/03/15 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
java和js实现的洗牌小程序
2019/09/30 Javascript
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
[50:45]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第一场
2018/04/10 DOTA
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python3基础之输入和输出实例分析
2014/08/18 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
使用python实现BLAST
2018/02/12 Python
对python3中pathlib库的Path类的使用详解
2018/10/14 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
灵泰克Java笔试题
2016/01/09 面试题
考试作弊被抓检讨书
2014/10/02 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
手残删除python之后的补救方法
2021/06/26 Python
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers
TS 类型兼容教程示例详解
2022/09/23 Javascript