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

1548年前 (2016-11-15)javaScript2202

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;
    }




本文原创,转载必追究版权。

相关文章

表单用submit提交前增加校验

有时由于各种原因 input 必须用submit类型提交,在表单提交前增加校验。直接附代码 <HTML>      <he...

bootstrap-suggest.min.js搜索下拉建议插件实例

bootstrap-suggest.min.js搜索下拉建议插件实例

效果图:官网demo1.引入外部js、css:<link id="bscss" href="${root}/bootstrap/css/bootstrap.css&...

js实现字符串 传参数 作为变量名 并为其赋值(动态变量名)

直接附代码,自己测试<html> <script> //例如:为变量x赋值1 xvalue('x','1');//变量名为:x,值为:1....

js向后台传json串时候 400 Bad Request 问题处理

ps:用js向后台传JSON串的时候,本地测试没有问题,上传到服务器运行报错:400 Bad Request,没有走到后台。URL参数直接通过不了   后来用tomcat版本测试,...

bootsraps treeview选中子节点自动选中父节点及反选

bootsraps treeview选中子节点自动选中父节点及反选

效果图:引入外部JS及CSS文件:<link href="${root!}/resource/css/bootstrap.min.css" rel="stylesh...

js比较日期大小

ps: "2007-2-2" 格式的字符串不可以直接比较大小第1种方法:12345678function CompareDate(d1,d2){  return...

评论列表

发表评论

访客

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