html5 div maxlength,jquery maxlength使用说明

CSS:

body

{

line-height: 1.5;

font: 14px/1.5 arial,serif;

color: #AAA;

}

.notification

{

border: 3px solid #D55B5B;

background-color: #FFCDCD;

padding: 5px;

}

.tip

{

color: #00A8C6;

padding-left:2px;

}

JavaScript:

$(document).ready(function (e) {

$('#txtContent').maxlength(

{

maxCharacters: 20, //限制字符数

status: true, //是否开启字数提示

statusClass: 'tip', //提示框的样式

notificationClass: 'notification', //超出限制时文本框的样式

showAlert: false, //超出限制时是否弹出提示框

alertText: '最多只能输入20个字符', //超出限制时弹出框的提示文字

slider:true //提示幻灯效果

}

);

});

html:

效果如下：