Javascript实现真实字符串剩余字数提示的实例代码

 更新时间:2013年10月22日 14:49:04   作者:  
这篇文章介绍了Javascript实现真实字符串剩余字数提示的实例代码,有需要的朋友可以参考一下

复制代码 代码如下:

//文本框剩余字数提示(字符大小)
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>

相关文章

  • js 冒泡事件与事件监听使用分析

    js 冒泡事件与事件监听使用分析

    js 冒泡事件与事件监听 代码分析
    2009-09-09
  • JavaScript数据结构之双向链表

    JavaScript数据结构之双向链表

    这篇文章主要为大家详细介绍了JavaScript数据结构之双向链表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • JavaScript 错误捕获与处理的完整指南

    JavaScript 错误捕获与处理的完整指南

    在JavaScript中捕获错误通常有四种方式,try-catch 语句块,Promise 的 catch 方法,throw 语句以及window.onerror事件处理程序,并通过代码示例给大家讲解的非常详细,需要的朋友可以参考下
    2024-02-02
  • js判断是否是手机页面

    js判断是否是手机页面

    本文主要介绍了js判断是否是手机页面的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • JS平滑无缝滚动效果的实现代码

    JS平滑无缝滚动效果的实现代码

    下面小编就为大家带来一篇JS平滑无缝滚动效果的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • JScript中的条件注释详解

    JScript中的条件注释详解

    这篇文章主要介绍了JScript中的条件注释详解,本文讲解了@cc_on、@if、@set、@_win32、@_win16、@_mac等条件注释语句及可用于条件编译的预定义变量,需要的朋友可以参考下
    2015-04-04
  • JS实现设置ff与ie元素绝对位置的方法

    JS实现设置ff与ie元素绝对位置的方法

    这篇文章主要介绍了JS实现设置ff与ie元素绝对位置的方法,涉及JavaScript针对页面元素及元素属性的相关操作技巧,需要的朋友可以参考下
    2016-03-03
  • 非常酷的js图形渐隐导航菜单栏

    非常酷的js图形渐隐导航菜单栏

    非常酷的js图形渐隐导航菜单栏...
    2007-08-08
  • layui清除radio的选中状态实例

    layui清除radio的选中状态实例

    今天小编就为大家分享一篇layui清除radio的选中状态实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 前端无感知刷新token以及超时自动退出实现方案

    前端无感知刷新token以及超时自动退出实现方案

    前端需要做到无感刷新token,即刷token时要做到用户无感知,避免频繁登录,下面这篇文章主要给大家介绍了关于前端无感知刷新token以及超时自动退出的实现方案,需要的朋友可以参考下
    2024-01-01

最新评论