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'