判断输入框的长度及限制长度

川长思鸟来 2022-05-17 00:29 253阅读 0赞

var maxstrlen = 65;
    function checkWord() {
        len = maxstrlen;
        var str = $("#info").val();
        myLen = getStrleng(str);
        var wck = $("#info");
        if (Math.floor((len * 2 - myLen) / 2<0)) {
            
        	$("#info").val(str.substring(0, i-1 ));
        }
        else {
        	$("#message").html('还可以输入<span style="font-family: Constantia,Georgia;font-size: 22px;font-style: italic;font-weight: 700;">'+(Math.floor((len * 2 - myLen) / 2))+ "</span>字，不能超过"+maxstrlen+"个");
           // wck.innerHTML = Math.floor((len * 2 - myLen) / 2);
        }
    }
    function getStrleng(str) { 
        myLen = 0;
        i = 0;
        for (; (i < str.length) && (myLen <= maxstrlen * 2); i++) {
            if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)
                myLen++;
            else
                myLen += 2;
     
        } 
        return myLen;
    }

<textarea id="info"  
                onKeyUp="javascript:checkWord();"    
            onKeyDown="javascript:checkWord();"  
                        name="info" style="width: 450px; height: 300px"></textarea>  
                        <div id="message" class="red"></div>

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 php ios 判断字符串长度,iOStextfield 限制输入字符长度和过滤表情符号

//增加修改框 \-(void)creatSaveView\{ UILabel \ lab = \[\[UILabel alloc\]init\]; if (self.s

落日映苍穹つ/ 2023年01月18日 05:29/ 0 赞/ 156 阅读

相关 vue实时监控输入框输入字符的长度

vue实时监控输入框输入字符的长度先看下效果图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

灰太狼/ 2023年01月15日 12:23/ 0 赞/ 256 阅读

相关限制input输入长度与内容

1、限制输入长度如果输入的是数字(type是number类型)，通过监听input事件再通过slice进行截取限制长度 <input type="numbe

浅浅的花香味﹌/ 2022年12月04日 09:21/ 0 赞/ 235 阅读

相关限制文本框输入的长度

txtText .Attributes .Add ("onkeyup" , "return isMaxLen(this)" ); txtText .Attributes .A

ゝ一纸荒年。/ 2022年09月30日 09:55/ 0 赞/ 305 阅读

相关限制UITextField 输入文字的长度

监听textField文本变化的事件 1、实现UITextFieldDelegate协议； 2、实现textField:shouldChangeCharactersI

太过爱你忘了你带给我的痛/ 2022年07月12日 07:18/ 0 赞/ 210 阅读

相关 EditText限制输入长度和特殊字符

EditText限制输入长度和特殊字符在一般的APP中都会有编辑个人信息的功能，比如编辑昵称之类的。但是EditText在输入文本信息的时候，比如输入换行或空格，那还是

川长思鸟来/ 2022年06月18日 03:56/ 0 赞/ 366 阅读

相关 jquery限制文本框输入字符长度

[http://blog.csdn.net/phpfenghuo/article/details/42149741][http_blog.csdn.net_phpfenghuo

古城微笑少年丶/ 2022年06月13日 03:07/ 0 赞/ 297 阅读

相关判断输入框的长度及限制长度

var maxstrlen = 65; function checkWord() { len = maxstrlen; var

川长思鸟来/ 2022年05月17日 00:29/ 0 赞/ 254 阅读

相关 java JTextField限制输入长度

限制JTextField中输入的内容和长度只需重写PlainDocument类中的insertString方法 import javax.swing.text.Att

阳光穿透心脏的1/2处/ 2022年04月13日 06:19/ 0 赞/ 769 阅读

相关 flutter TextField输入长度限制

在Flutter中一个中文是一个长度，这里我们将长度限制在20字，可以按照下面这种方式做： TextField( style: TextStyl

- 日理万妓/ 2021年06月22日 15:36/ 1 赞/ 1207 阅读