最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuerytextarea的长度进行验证_jquery

来源:动视网 责编:小采 时间:2020-11-27 20:42:42
文档

jQuerytextarea的长度进行验证_jquery

jQuerytextarea的长度进行验证_jquery:扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。 1.jQuery 对textarea 长度进行验证的插件 代码如下://对textarea 长度进行验证 jQuery.fn.checkLength = function(paramet
推荐度:
导读jQuerytextarea的长度进行验证_jquery:扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。 1.jQuery 对textarea 长度进行验证的插件 代码如下://对textarea 长度进行验证 jQuery.fn.checkLength = function(paramet


扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。
1.jQuery 对textarea 长度进行验证的插件
代码如下:
//对textarea 长度进行验证
jQuery.fn.checkLength = function(parameters) {
defaults = {
min: 0
, max: 5
}
jQuery.extend(defaults, parameters);
// 当前textarea 的值
var taValue = $(this).val();
var len = taValue.length;
if (len >= defaults.max) {
$(this).parent().append(showLengthError("max")).show();
window.setTimeout(function() {
$(".lenError").hide();
}, 5000);
return false;
} else if (len <= defaults.min) {
$(this).parent().append(showLengthError("min"));
window.setTimeout(function() {
$(".lenError").hide();
}, 5000);
return false;
} else {
return true;
}
//todo: 当键盘输入在正确范围的时候,消除提示
}

注释:
1) 参数传递:
defaults = {
min: 0
, max: 5
}
分别用于用于接收textarea的最短和最大长度。
2) 返回值
true : 验证长度通过
false : 验证长度失败
2. 使用说明:
在页面添加js引用:

示例:
在页面中


当触发按钮事件的时候,我们就可以对textarea 的长度进行判断了。
代码如下:
$("#chklen").click(function(){
var bool = $("#txtContent").checkLength({
min : -1
,max: 10
});
if(bool){
alert(bool);
}
});

如果textarea是在form表单当中的,则在表单提交的同时,进行验证,条件满足的时候再进行提交。
如下示例:
代码如下:
// 判断 testarea 长度是否超出
var ckContent = $("#txtContentIntro").checkLength({
min : -1 //不判断是否为空
,max: 512 //最大长度512
});
// 表单验证
var b = $("#fcourseware").valid();
// 执行上传操作,上传成功后保存课件信息
if (b && ckContent ) {
// todo: submit form
}

min和max两个参数均可以不传递值,默认最小长度0,最大长度10.如果textarea不为必填项,则min 值赋予 -1.
最后通过返回bool值进行操作。

文档

jQuerytextarea的长度进行验证_jquery

jQuerytextarea的长度进行验证_jquery:扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。 1.jQuery 对textarea 长度进行验证的插件 代码如下://对textarea 长度进行验证 jQuery.fn.checkLength = function(paramet
推荐度:
标签: 长度 jQuery textarea
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top