js控制文本域textarea 剩余可填字符显示

1548年前javaScript2464

Html部分:

<span class="remo">
<div>还可以输入
<span style="font-family: Georgia; font-size: 14px;" id="wordCheck">500</span>个字符</div>

<textarea onkeyup="javascript:checkWord(this);" onkeydown="javascript:checkWord(this);" rows="3" class="span12 enlemn" name="model3.reason"  id="textarea1"></textarea>

</span>

Js方法:


var maxstrlen = 500;
    function Q(s){
        return document.getElementById(s);
    }
    function checkWord(c){
       alert(c);
        len = maxstrlen;
        var str = c.value;
        myLen = getStrleng(str);
        var wck = Q("wordCheck");
        if (myLen > len * 2) {
            c.value = str.substring(0, i + 1);
        }
        else {
            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;
    }




标签: js文本域

相关文章

富文本summernote.js屏蔽图片上传功能

summernote.js 默认是允许上传图片及视频的,但是有些业务并不需要上传图片,只需要一些文字的排版及处理。此时只要自定义toolbar即可。$('.summernote').s...

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

1、获取url很简单,代码如下:     window.location.href;2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么...

summernote编辑器 复制word内容 去除word格式改成html格式

$('.summernote').summernote({     placeholder: '请输入公告内容',...

api.js点击其他元素触发select的下拉事件

很简单,focus()方法可触发select的下拉HTML部分:<div>服务类别</div> <div id="fuwu" o...

api.js获取下拉列表select选中的值 及文本

 APIcloud中常用 ,api.js获取下拉列表select选中的值 及文本 var area =  var index = $api.byId('areal...

JS实现在json数组开头插入(拼接)一个元素

原生方法一:var arr=[1,2,3,4];item=10; arr.unshift(item) ;//arr输出[10, 1, 2, 3, 4]方法二:在数组 arr 开头添...

评论列表

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。