怎么用jquery 限制textarea 的maxlength属性
答案:3 悬赏:70 手机版
解决时间 2021-03-26 17:37
- 提问者网友:最爱你的唇
- 2021-03-26 14:42
怎么用jquery 限制textarea 的maxlength属性
最佳答案
- 五星知识达人网友:北城痞子
- 2021-03-26 15:10
利用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);
}
});
});
全部回答
- 1楼网友:渡鹤影
- 2021-03-26 15:47
$("textarea").attr("maxlength",50);
- 2楼网友:你可爱的野爹
- 2021-03-26 15:22
jquery为textarea添加maxlength属性
textarea默认不支持maxlength属性。
可以通过jquery实现。
1、使用jquery keyup事件:
代码示例:
jquery为textarea添加maxlength
textarea默认不支持maxlength属性。
可以通过jquery实现。
1、使用jquery keyup事件:
代码示例:
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯