`

JS控制输入字符长度

 
阅读更多
<script language="JavaScript"> 
    <!-- 
    function CutStrLength(str,Ilength)
    {
        var tmp=0;
        var len=0;
        var okLen=0
        for(var i=0;i<Ilength;i++)
        {
            if(str.charCodeAt(i)>255)
                tmp+=2
            else
                len+=1
            okLen+=1
            if(tmp+len==Ilength)
            {
                return (str.substring(0,okLen));
                break;
            }
            if(tmp+len>Ilength)
            {
                return (str.substring(0,okLen-1)+"");
                break;
            }
        }
    }
    function checkFieldLength(fieldName,fieldDesc,fieldLength)
    {
        var str=document.getElementById(fieldName).value;
        var theLen=0;
        var teststr='';
        for(i=0;i<str.length;i++)
        {
            teststr=str.charAt(i);
            if(str.charCodeAt(i)>255)
            theLen=theLen+2;
            else
            theLen=theLen+1;
        }
        document.getElementById('showMsg').innerText=theLen;
        if(theLen>fieldLength)
        {
            document.getElementById('showMsg').innerText=fieldDesc;
            //alert(fieldDesc+" 的字段长度超过规定长度!");
            //document.getElementById(fieldName).focus();
            document.getElementById(fieldName).value=CutStrLength(str,fieldLength);
            return false;
        }
        else
        {
            return true;
        }
    }
    //-->
    </script>

</head>
<body>
    <form method="POST" action="">
        <textarea id="testArea" name="testArea" rows="3" cols="22" onkeyup="checkFieldLength('testArea', '超过允许输入的字符个数', 20);"
            onchange="checkFieldLength('testArea', '超过允许输入的字符个数', 20);"></textarea>
        <div id="testInfo">
            已经输入:<span id="showMsg"></span></div>
    </form>
</body>
</html>
分享到:
评论

相关推荐

    限制输入字符的长度和内容

    字符长度限制主要涉及文本框(TextBox)或其他输入字段的输入字符数。在很多情况下,如数据库字段大小、网络传输数据量等,都有最大长度的限制。对于给定的描述,输入长度不超过32位,意味着用户最多只能输入32个...

    js实现input限制输入字符(字节)数多出的自动去掉

    js实现input限制输入字符(字节)数多出的自己自动去掉

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

    在JavaScript中,对`textarea`元素进行输入字符串长度限制是一个常见的需求,特别是在处理用户输入时,需要确保数据格式的正确性。在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...

    js限制文本框输入长度两种限制方式(长度、字节数)

    功能/特点: 1.实时显示可输入的字数(字节数) 2....//是否使用字节长度限制(1汉字=2字符) var txtlength;//到达限制时,字符串的长度 var txtByte; this.init=function(){ txtNote=this.txtNote;

    js如何判断输入字符串长度

    js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证。 废话不多说上代码: &lt;html&gt; &lt;head&gt; &lt;title&gt;js判断输入...

    js计算字符串长度

    js计算字符串长度,可以输入中文、英文、数字、中英文数字混合等,最后计算结果为字符串所占字节个数

    限制 输入框字符长度 适用于中英文

    在网页开发中,限制用户在输入框(Input)中输入的字符长度是一项常见的需求,尤其在数据验证或者信息填写时。本示例中,我们探讨了两种JavaScript方法来实现这一功能,分别针对英文、数字以及中文字符。 1. **...

    js限制输入框输入字数

    输入框控制输入字数 超出 不让输入 并提示

    JS获取带中文字符的字符串长度

    一个JS函数,可以获取你当前输入的字符串的长度,其中中文字符和全角字符是2个长度

    jquery输入框随输入字符长度自动增长

    在IT领域,尤其是在网页开发中,"jquery输入框随输入字符长度自动增长"是一个常见的交互设计功能。这个功能使得文本输入框(input field)能够随着用户输入的字符数量增加而动态调整宽度,提供更好的用户体验,特别...

    表单输入一定长度的字符然后自动提交

    ### 表单输入一定长度的字符后自动提交的知识点解析 在现代Web开发中,实现表单自动提交是一项实用的功能,特别是在需要用户输入特定长度文本的场景下。本篇文章将详细解析如何通过JavaScript来实现这一功能,并...

    验证字符长度

    在本示例中,JavaScript 被用来处理字符串,具体是计算输入文本框中的字符长度。JavaScript 提供了丰富的字符串操作方法,使得开发者能够灵活地对字符串进行各种处理。 ##### 2. 获取 DOM 元素 通过 `document....

    Textarea限制输入文本长度

    - **实时显示剩余可输入字符数**:在用户输入时动态显示还剩多少字符可以输入,增强用户体验。 - **多语言支持**:针对不同语言环境下的字符长度计算,例如全角字符和半角字符的区别。 #### 四、示例代码 下面提供...

    文本限制长度或字符

    标题“文本限制长度或字符”涉及的是在编程和数据处理中常见的一个概念,尤其是在用户输入验证、数据库存储、网络传输等方面。通常,我们会对文本进行长度限制,以确保其符合特定的标准,比如防止SQL注入、优化存储...

    js控制输入中英文字符数

    在JavaScript编程中,控制输入中英文字符数是一项常见的需求,特别是在网页表单或者文本输入框中。这样的功能有助于保持用户输入的数据格式规范,防止输入过长的文本导致数据处理问题。下面我们将详细讨论如何实现这...

    js 限制表单输入长度 汉字为两个字符

    在JavaScript中,限制表单输入长度是一个常见的需求,特别是在用户填写信息时,为了防止过长的文本导致数据处理问题或界面展示不协调。本话题主要介绍如何限制输入字段(特别是汉字)的长度,并实时显示剩余可输入...

    截取指定长度的字符串

    字符串在各种编程语言中都是基本的数据类型,如Python中的`str`,Java中的`String`,JavaScript中的`String`等。 截取字符串通常有两种主要方法:固定位置截取和指定长度截取。 1. 固定位置截取:这种方法通常基于...

    javascript经典特效---检测输入字符个数.rar

    这个"javascript经典特效---检测输入字符个数.rar"压缩包文件包含了一个名为"检测输入字符个数.htm"的HTML文件,很可能是用于演示如何实时监测用户在输入框(例如文本字段或文本区域)中输入的字符数量。 在...

    JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)

    js判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证。 废话不多说上代码: &lt;html&gt; &lt;head&gt; &lt;title&gt;js...

Global site tag (gtag.js) - Google Analytics