chrome浏览器下禁制 textarea改变大小; Jquery的textareaCounter插件控制textarea输入的字符数量...

给  textarea 添加一个css 样式即可 resize: none;

 

用Jquery的插件控制textarea输入的字符数量

一:引用Jquery脚本,并引入 textareaCounter

<script src="js/jquery.textareaCounter.plugin.js" type="text/javascript"></script>

下面的代码一定是写在当页面加载完成的时候

 

var areaOptions = {
                        'maxCharacterSize': 500,   //最大字符数
                        'originalStyle': 'originalTextareaInfo',   //文字初始的时候的css样式
                        'warningStyle' : 'warningTextareaInfo',    //文字达到警戒的时候的css样式
                        'warningNumber': 10,    //当剩下多少字的时候开始显示警戒样式
                        'displayFormat' : '已输字数 #input 剩余字数 #left 最大字数 #max'   //展示的文字
                        };
                    $('#txtHwContent').textareaCount(areaOptions);

 

css的样式

/*textarea 限制长度的css*/
.originalTextareaInfo
{
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, sans-serif;
    text-align: right;
}

.warningTextareaInfo
{
    font-size: 12px;
    color: #FF0000;
    font-family: Tahoma, sans-serif;
    text-align: right;
}

/*textarea 限制长度的css*/

displayFormat值可以自己改，如：
'displayFormat' : '已输字数 #input 剩余字数 #left 最大字数 #max'

displayFormat值可以自己改，如： 
'displayFormat' : '已输字数 #input 剩余字数 #left 最大字数 #max' 

转载于:https://www.cnblogs.com/joeylee/p/3592040.html