textarea文本框实现字数监控--propertychange input

最新推荐文章于 2023-05-24 11:39:16 发布

jasyca503

最新推荐文章于 2023-05-24 11:39:16 发布

阅读量3.5k

点赞数

分类专栏： jsp 单个小知识 jquery

本文链接：https://blog.csdn.net/Jasyca503/article/details/53204031

版权

本文介绍如何使用JavaScript结合textarea元素的propertychange和input事件，实现实时监测并限制文本框输入字数的功能，确保用户输入不超过预设限制。

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

1、页面文本框：

<textarea rows="3" cols="20" name="packagingDesc" id="packagingDesc" 
	style="border: 1px solid #dbdbdb;width: 520px;vertical-align: text-top;">${logInfo.packagingDesc }</textarea>
<p class="qi">剩余：<span id="text-count" style="color: #F60;">512</span>字符,建议填写包装形式、尺寸，各类集装箱能装载的产品件数等信息，便于买家了解。</p>

2、判断是否有汉字和特殊符号：

// 常规包装
		$("#text-count").text(512-$("#packagingDesc").val().trim().length);
		
		$("#packagingDesc").blur(function(){
			var packagingDesc = $(this).val().trim();
			if(packagingDesc != ""){


				var str = validateFun(packagingDesc);
				if(str != ""){
					$("#packagingDesc_info").show();
					$("#packagingDesc_error