JQuery为textarea添加maxlength属性限制输入内容长度
全文约 190 字预计阅读 1 分钟
textarea默认不支持maxlength属性，JQuery为textarea添加maxlength，并且兼容IE，具体实现祥看本文，希望可以帮助到你
// JQuery为textarea添加maxlength
// textarea默认不支持maxlength属性。
// 通过JQuery的keyup事件：JQuery代码如下：
html:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea >
< script type = "text/javascript" >
$(function() {
//IE也能用textarea
$("textarea[maxlength]").keyup(function() {
var area = $(this);
var max = parseInt(area.attr("maxlength"), 10); //获取maxlength的值
if (max > 0) {
if (area.val().length > max) { //textarea的文本长度大于maxlength
area.val(area.val().substr(0, max)); //截断textarea的文本重新赋值
}
}
});
//复制的字符处理问题
$("textarea[maxlength]").blur(function() {
var area = $(this);
var max = parseInt(area.attr("maxlength"), 10); //获取maxlength的值
if (max > 0) {
if (area.val().length > max) { //textarea的文本长度大于maxlength
area.val(area.val().substr(0, max)); //截断textarea的文本重新赋值
}
}
});
});
< /script>
JQuery为textarea添加maxlength属性限制输入内容长度
评论 0 条
暂无评论，来说点什么吧。