jQuery对textarea的长度进行验证

最新推荐文章于 2024-07-17 15:22:53 发布

spring21st

最新推荐文章于 2024-07-17 15:22:53 发布

阅读量9.7k

点赞数

分类专栏： jQuery 文章标签： jquery parameters function button 扩展

本文链接：https://blog.csdn.net/spring21st/article/details/4151333

版权

该博客介绍了如何使用jQuery扩展功能，实现对textarea输入长度的验证。提供了一个插件，允许设置最小和最大长度，并在超出限制时显示错误提示。在表单提交时，可以调用此验证功能确保textarea内容符合长度要求。

摘要由CSDN通过智能技术生成

Textarea 控件不能使用form validate.js 进行判断.

扩展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: 当键盘输入在正确范围的时候，消除提示 }