怎么用jquery 限制textarea 的maxlength属性
2016-12-27 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
利用jquery 限制textarea 的maxlength属性的方法：
整体思路：在html标签中设置maxlength，然后检测用户输入，如果大于这个长度，做劫位限制。
实现代码如下：
//当页面加载完成后进入ready函数
$(document).ready(function() {
定义文本域的keyup事件函数
$('textarea[maxlength]').keyup(function(){
//获取设置的最大文本的值
var limit = parseInt($(this).attr('maxlength'));
//或者当前输入的文本值
var text = $(this).val();
//统计当前输入的文本的长度
var chars = text.length;
//判断是否超过限制的长度
if(chars > limit){
//如果超过限制的最大长度，则只取从第一位到最大长度的值
var new_text = text.substr(0, limit);
//更新获取的new_text的值到当前文本域
$(this).val(new_text);
}
});
});
整体思路：在html标签中设置maxlength，然后检测用户输入，如果大于这个长度，做劫位限制。
实现代码如下：
//当页面加载完成后进入ready函数
$(document).ready(function() {
定义文本域的keyup事件函数
$('textarea[maxlength]').keyup(function(){
//获取设置的最大文本的值
var limit = parseInt($(this).attr('maxlength'));
//或者当前输入的文本值
var text = $(this).val();
//统计当前输入的文本的长度
var chars = text.length;
//判断是否超过限制的长度
if(chars > limit){
//如果超过限制的最大长度，则只取从第一位到最大长度的值
var new_text = text.substr(0, limit);
//更新获取的new_text的值到当前文本域
$(this).val(new_text);
}
});
});
本回答由电脑网络分类达人 吕明推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jquery为textarea添加maxlength属性
textarea默认不支持maxlength属性。
可以通过jquery实现。
1、使用jquery keyup事件：
代码示例:
<html>
<head>
<title>jquery为textarea添加maxlength</title>
<script type="text/javascript" src="jquery-1.4.js"></script>
</head>
<body>
<textarea style="width:300px; height:60px;" 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>
textarea默认不支持maxlength属性。
可以通过jquery实现。
1、使用jquery keyup事件：
代码示例:
<html>
<head>
<title>jquery为textarea添加maxlength</title>
<script type="text/javascript" src="jquery-1.4.js"></script>
</head>
<body>
<textarea style="width:300px; height:60px;" 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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("textarea").attr("maxlength",50);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
