【www.bbyears.com--jquery】
‘useInput’ : true 因为textarea需要借助input来实现,所以当你使用textarea的时候就需要这个参数
‘feedback’ : ‘.charsLeft’ 是指即时显示的字数放入 class=”charsLeft ” 的容器中
input中设置最大数值直接用 maxlength=”10″
textarea中的大数值需要设置与其对应input的value数值 value=”20″
看看Demo中的重点代码:
1.载入maxlength.js
<
script type=”text/网页特效” src=”http://iinterest.net/blog/js/maxlength.js”></script>
2.加入函数,Demo中有3个例子,你可以根据实际需要选择不同的函数,不过最后一个例子对于中文而言是无效的.
$(function () {
$(’textarea.limited’).maxlength({
‘feedback’ : ‘.charsLeft’, ’useInput’ : true
});
$(’input.limited’).maxlength({
‘feedback’ : ‘.charsLeft’
});
$(’textarea.wordLimited’).maxlength({
‘words’: true,
‘feedback’: ‘.wordsLeft’, ’useInput’ : true
});
});
3.调用
一些必要的解释:
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="Scripts/maxlength.js"></script>
<script type="text/javascript">
$(document).ready(function (e) {
$("#txtContent").maxlength(
{
maxCharacters: 20, //限制字符数
status: true, //是否开启字数提示
statusClass: "tip", //提示框的样式
notificationClass: "notification", //超出限制时文本框的样式
showAlert: false, //超出限制时是否弹出提示框
alertText: "最多只能输入20个字符", //超出限制时弹出框的提示文字
slider:true //提示幻灯效果
}
);
});
</script>