手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery为textarea添加maxlength属性的代码
JQuery为textarea添加maxlength属性的代码
摘要:通过JQuery的keyup事件:复制代码代码如下:JQuery为textarea添加maxlength$(function(){$("te...

通过JQuery的keyup事件:

复制代码 代码如下:

<html>

<head>

<title>JQuery为textarea添加maxlength</title>

<script type="text/javascript" src="jquery-1.4.js"></script>

</head>

<body>

<textarea maxlength="10"></textarea>

</body>

</html>

<script type="text/javascript">

$(function(){

$("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的文本重新赋值

}

}

});

});

</script>

如果只用keyup只能判断键盘输入的maxlength,利用鼠标的粘贴还是可以超过maxlength的限制,可以利用blur事件做判断:

复制代码 代码如下:

$("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的文本重新赋值

}

}

});

失去焦点后截断textarea的文本。

通过blur事件判断后还是有问题,如果是粘贴后直接提交而没有做对textarea的长度验证的情况下,还是会把textarea的全部内容提交。

【JQuery为textarea添加maxlength属性的代码】相关文章:

JavaScript中length属性的使用方法

Jquery zTree 树控件异步加载操作

JavaScript中Number.MAX_VALUE属性的使用方法

jQuery+ajax实现无刷新级联菜单示例

JavaScript中的Math.E属性使用详解

原生JS和JQuery动态添加、删除表格行的方法

document.getElementById的一些细节

一段实时更新的时间代码

JavaScript中的Math.LOG2E属性使用详解

jQuery处理图片加载失败的常用方法

精品推荐
分类导航