监测除表单元素外的其他标签的输入内容

最新推荐文章于 2023-11-29 20:55:41 发布

贝塔贝卡贝

最新推荐文章于 2023-11-29 20:55:41 发布

阅读量121

点赞数

本文链接：https://blog.csdn.net/Kiruthika/article/details/109587876

版权

表单元素我们可以轻松监听用户输入的内容及内容的长度，但是表单元素的其他标签呢

在这里插入图片描述

div：<div id="divText" contenteditable="true"></div>
		
input：<input type="text" name="" id="inputText" value="" />

#divText{
	width: 100px;
	height: 30px;
	border: 1px solid #000;
	display: inline-block;
}

<script type="text/javascript">
	// 监测div框中输入的内容和内容的长度
	$('#divText').keyup(function(){
		let divTextLength = $(this).text().length;
		if(divTextLength > 5){
			alert("输入框字符不得超过5个字符")
		}
	})
	
	// 监测input框中输入的内容和内容的长度
	$("#inputText").blur(function(){
		let inputTextLength = $(this).val().length;
		if(inputTextLength > 4){
			alert("输入框字符不得超过4个字符")
		}
	})
	
	
</script>