`
Dxx23
  • 浏览: 142716 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js控制文本域输入字数

 
阅读更多
<p><label>审核意见:</label>
                    <textarea class="bug_text" data-x="" data-y="" title="请填写(字数不多于100个)" name="auOpinion" id="auOpinion"
                              onkeydown="changebyte1(this.value,100,'auOpinion');" onkeyup="changebyte1(this.value,100,'auOpinion');"></textarea>
                    <font style="color: #ff0000">*</font>
                </p>
                <SPAN id="byte1_auOpinion" style="font-size: 12px;">(您还可输入</span><span id="byte2_auOpinion" style="color: #ff0000" style="font-size: 12px;">100</span><span id="byte3_auOpinion" style="font-size: 12px;">/100个字)</SPAN>
                



function changebyte1(value, length,textareaId) {
    var l = strlengthComm(value);
    if (l <= length) {
        document.getElementById("byte2_"+textareaId).innerText = (length - l);
        document.getElementById("byte1_"+textareaId).innerText = "(您还可输入";
        document.getElementById("byte3_"+textareaId).innerText = "/"+length+"字)";
        return true;
    } else {
        document.getElementById("byte2_"+textareaId).innerText = "(输入字数超出范围)";
        document.getElementById("byte1_"+textareaId).innerText = "";
        document.getElementById("byte3_"+textareaId).innerText = "";
        document.getElementById(textareaId).value = substrComm(value, length);
    }
}
function substrComm(str, len) {
    if (!str || !len) {
        return "";
    }
    //预期计数:中文2字节,英文1字节
    var a = 0;
    //循环计数
    var i = 0;
    //临时字串
    var temp = "";
    for (i = 0; i < str.length; i++) {
        //if (str.charCodeAt(i) > 255) {
        //按照预期计数增加2
        //	a += 2;
        //} else {
        a++;
        //}
        //如果增加计数后长度大于限定长度,就直接返回临时字符串
        if (a > len) {
            return temp;
        }
        //将当前内容加到临时字符串
        temp += str.charAt(i);
    }
}

function strlengthComm(str) {
    var l = str.length;
    var n = l;
    //for (var i = 0; i < l; i++) {
    //if (str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255) {
    //		n++;
    //}
    //}
    return n;
}
分享到:
评论

相关推荐

    js计算文本域剩余字数

    &lt;title&gt;JS计算文本域剩余字数 #remainingChars { color: green; font-size: 14px; } .warning { color: red; } &lt;textarea id="myTextarea" rows="4" cols="50"&gt;&lt;/textarea&gt; 还剩 140 字 var ...

    输入框 文本域 字数限制

    自己做的文本框字数统计/限制插件 输入框 或者 文本域 动态显示还剩余可输入字数

    用javascript代码实现限制表单文本域输入字数的功能

    ### 使用JavaScript代码实现限制表单文本域输入字数的功能 #### 背景与目标 在Web开发中,为了提高用户体验、确保数据的有效性和安全性,经常需要对用户输入的数据进行限制。例如,对于某些表单字段(如评论、留言...

    文本域字数限制

    在描述中提到的"无需修改,直接可使用"可能是指已经编写好的JavaScript代码或插件,能够方便地应用于文本域,以限制用户的输入字数。 JavaScript是一种常用的客户端脚本语言,它可以实时检查用户在文本域中的输入。...

    输入一个字,文本域中显示可输入字数减1

    该功能主要通过JavaScript实现,当用户在文本域中输入字符时,实时计算并更新文本域下方提示的“还可输入字数”。具体来说,是通过监听`onkeydown`事件来触发计算逻辑。 #### 实现原理 - **获取文本域值**:首先,...

    使用JavaScript限制TextArea多行文本域的可输入字数

    要限制`&lt;textarea&gt;`的输入字数,我们首先需要获取该元素的引用。可以使用`document.getElementById()`或`document.querySelector()`方法,假设我们的`&lt;textarea&gt;`有一个id名为"myTextarea",代码如下: ```...

    文本域自动适应高度

    在网页开发过程中,我们经常会遇到这样一个需求:当用户在文本域(`textarea`)中输入文字时,文本域的高度能够根据输入内容的多少自动进行调整,以达到更好的用户体验效果。下面将详细介绍实现文本域自动适应高度的...

    jQuery input文本框限制文字输入计数显示

    这个功能在很多场景下都非常实用,例如评论系统、表单填写等,可以有效地帮助用户控制输入内容的长度。 首先,我们需要创建一个HTML结构,包含一个input文本框和一个用于显示剩余字符数的元素: ```html ...

    javascript实现文本域写入字符时限定字数

    在实际应用中,将这类JavaScript代码嵌入HTML页面后,当用户使用该页面的文本域输入文本时,就会被自动触发上述逻辑。这样,网页开发者能够有效地管理用户输入的字符数量,以满足不同场景下对文本输入长度的限制要求...

    js实现textarea限制输入字数

    实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...

    JS限制Textarea文本域字符个数的具体实现

    在HTML中,我们可以通过`&lt;textarea&gt;`标签来定义一个文本域,通过`name`属性标识该文本域,并可以通过`cols`和`rows`属性设置其宽度和高度。 JavaScript作为客户端脚本语言,可以在浏览器端处理用户的交互行为。在这...

    JS控制文本框textarea输入字数限制的方法

    JS限制Textarea文本域字符个数&lt;/title&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /&gt; [removed] &lt;!–// function textCounter(field, countfield, maxlimit) {...

    js判断文本框剩余可输入字数的方法

    总体而言,本文所述的js判断文本框剩余可输入字数的方法,通过JavaScript对用户输入的监听和处理,结合HTML和CSS来构建用户界面,实现了文本输入的即时监控和反馈功能。掌握这些知识点,对于Web前端开发人员来说,...

    jQuery计算文本框字数及限制文本框字数的方法

    通过计算限定字数与已输入字数的差值,然后使用`Math.ceil`方法向上取整(因为要以汉字为单位显示),计算出用户还能输入的汉字数,再将这个数值显示出来。 5. 超出字数时的处理:当用户输入的字数超过限制时,除了...

    javascript字数验证

    ### JavaScript 字数验证知识点 #### 一、功能概述 在Web开发中,为了提升用户体验以及数据处理效率,经常需要对用户输入的文本进行长度限制。例如,在表单填写时,某些字段可能有特定的字数限制,这时就需要通过...

    Vue实现动态显示textarea剩余字数

    在Vue.js框架中,动态显示textarea的剩余字数是一个常见的需求,这可以帮助用户实时了解他们的输入是否超过了预设的字符限制。以下是如何在Vue中实现这一功能的详细步骤。 首先,我们需要在HTML模板中设置一个`...

    留言板字数的自动检测源代码

    "留言板字数的自动检测源代码"就是一个解决这个问题的具体实现,主要关注输入文本域的字数管理和用户交互体验。在这个系统中,重点是实现对用户输入字符数的实时监控,并在达到预设的最大值时给出提示,以确保数据的...

    Textarea限制输入文本长度

    特别是在表单填写场景下,如评论框、留言区等,限制文本域(`textarea`)中的输入长度是一种常见的做法。本文将详细介绍如何通过JavaScript实现对`textarea`输入长度的控制,并探讨其背后的原理与应用场景。 #### ...

Global site tag (gtag.js) - Google Analytics