给 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'