`

为textarea 增加 maxlength 属性

 
阅读更多
為 textarea 增加 maxlength 屬性

o 如果只是單純地想限制 textarea 中的字數,不想寫太多的話,可用:


<textarea onkeyup="this.value = this.value.slice(0, 80)"></textarea>

或


<textarea onkeyup="this.value = this.value.substring(0, 80)"></textarea>


o 在 textarea 的 onkeyup 中檢查字數之方法:


.....
<script language="javascript" type="text/javascript">
function DjCheckMaxlength(oInObj)
{
    var iMaxLen = parseInt(oInObj.getAttribute('maxlength'));
    var iCurLen = oInObj.value.length;

    if ( oInObj.getAttribute && iCurLen > iMaxLen )
    {
        oInObj.value = oInObj.value.substring(0, iMaxLen);
    }
} //@ END OF DjCheckMaxlength()
</script>
.....
<textarea maxlength="80" onkeyup="return DjCheckMaxlength(this);"></textarea>
.....


o 設定好自動去檢查所有的 textarea 之方法:


.....
<head>
<script language="javascript" type="text/javascript">
function DjTextArea_AddMaxlengthAttr()
{
    var aX = document.getElementsByTagName('textarea');

    for ( var iI = 0; aX.length > iI; iI++ )
    {
        if ( aX[iI].getAttribute('maxlength') )
        {
            aX[iI].onkeyup = aX[iI].onchange = DjTextArea_CheckMaxlength;
        }
    }
} //@ END OF DjTextArea_AddMaxlengthAttr()

function DjTextArea_CheckMaxlength()
{
    var iMaxLen = parseInt(this.getAttribute('maxlength'));
    var iCurLen = this.value.length;

    if ( this.getAttribute && iCurLen > iMaxLen )
    {
        this.value = this.value.substring(0, iMaxLen);
    }
} //@ END OF DjTextArea_CheckMaxlength()
</script>
</head>
.....
<body onload="DjTextArea_AddMaxlengthAttr();">
.....

分享到:
评论

相关推荐

    JQuery为textarea添加maxlength属性并且兼容IE

    // JQuery为textarea添加maxlength // textarea默认不支持maxlength属性。 // 通过JQuery的keyup事件: JQuery代码如下: 代码如下: [removed] $(function(){ //IE也能用textarea $(“textarea[maxlength]”).keyup...

    JQuery为textarea添加maxlength属性的代码

    textarea默认不支持maxlength属性。所以通过jquery实现下。具体的看代码。

    TextArea设置MaxLength属性最大输入值的js代码

    标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用&lt;input type...

    IE6-9placeholder、textarea-maxlength的修复;实时用户输入捕捉

    IE6-9 input和textarea元素的placeholder(占位符)属性与textarea元素的maxlength(最大长度限制)属性的修复与所有浏览器的实时输入捕捉,仅需要提供一个元素或者元素id与实时捕捉回调函数(可选)。甚至实现了各...

    textarea不能通过maxlength属性来限制字数的解决方法

    textarea称文本域,又称文本区,其不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求

    详解maxlength属性在textarea里奇怪的表现

    主要介绍了maxlength属性在textarea里奇怪的表现的相关资料,需要的朋友可以参考下

    TextArea不支持maxlength的解决办法(jquery)

    在给一个页面的TextBox 增加控制长度的控制时,简单的加了一个maxlength=’xxx’ 就行,可是测试确总是不过,原因是设置了多行模式,在这样的情况下生成的html代码就是textarea,同时maxlength属性就没有被增加上,...

    jquery.confine:Textarea maxlength,正确完成

    HTML textarea本身不像文本输入一样实现maxlength属性。 jQuery.confine是一个简单的jQuery插件,可以正确地实现此功能,避免了大多数天真的实现会遇到的许多问题,同时还可以选择利用jQuery 1.4中的新HTML5标准和...

    javascript textarea字数限制

    这一个是读取textarea的maxlength属性的值,进行计算,思路很好,但修改起来就麻烦啊,不过对于js爱好者来说是个不错的参考,通过读取属性值进行控制。 textarea字数限制 练习代码多有参考网络 by ahuinan ...

    freeChars:可用的字符计数器和maxlength属性polyfill用于的

    也可以用作“最大长度”(maxlength)属性的polyfill。用法包括脚本: &lt;!-- jQuery (1.9 or newer). --&gt;&lt; script type =" text/javascript " src =" //code.jquery.com/jquery-2.1.1.min.js " &gt; &lt;/ ...

    textarea去除多余空格和回车的方法及其属性

    textarea去除多余空格和回车的方法及其属性 1.错误解决方法 使用textarea的标签时候发现多了空格或者’\n‘,后来发现是标签的位置错了 以下是错误示范: 你好 以下是正确示范: 你好 关键在于与要在同一行,...

    js实现textarea限制输入字数

    与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一...

    js限制textarea每行输入字符串长度的代码

    text通常我们可以直接用maxlength属性来控制输入的字符会长度

    a2x-text-counter:jQuery文本计数器插件

    如果您的textarea具有maxlength属性,则该插件将充当倒数计数器。 在其他地方,它计算输入符号的数量。 正在安装 您可以通过执行bower install a2x-text-counter来通过bower安装它。 用法 &lt; html &gt; &lt; ...

Global site tag (gtag.js) - Google Analytics