jquery计算文本字符个数
2024-08-26 13:35:40
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<script src="js/jquery-1.11.1.js" type="text/javascript"></script>
</head>
<style>
#sNum,#sNum2{ height:20px; border:1px solid #ccc; padding: 5px; margin:20px 40px; display: inline-block; }
#inputV{width: 100px; height: 20px; margin:20px 40px; }
#inputV2{width:200px; height:80px; margin:20px 40px; }
</style>
<body>
<span id="sNum"></span>
<input type="text" placeholder="nini" id="inputV" />
<span id="sNum2"></span>
<textarea placeholder="nini" id="inputV2"></textarea>
<script type="text/javascript" charset="utf-8">
$(function(){
var inputV = $('#inputV');
var sNum = $('#sNum').html();
var euTextLen=0;
var inputLen = inputV.val().length; function textInput(obj,objch,nums,textContent ){
$(obj).keyup(function(){
var euTextLen= $(obj).val().length;
$(objch).html(euTextLen);
if(euTextLen >= nums ){
alert(textContent);
}
})
}
textInput('#inputV','#sNum',1000,'djfkljaslkjsalk');
textInput('#inputV2','#sNum2',500,'123132132');
if(inputLen==0){
$('#sNum,#sNum2').html(euTextLen);
} })
</script>
</body>
</html>
最新文章
- sql 日期格式化
- [转] 浅谈Linux系统的启动流程
- php之面向对象、构造函数、析构函数
- Microsoft AzureStorageAccount for Powershell
- 九、mysql触发器的概念
- crash recovery
- SOA,ESB 与 SCA
- Boyang Tex上海帛扬时装面料有限公司
- Effective Java实作Comparator - 就是爱Java
- JSP Cookie的使用
- OSI模型和TCP/IP协议族(二)
- mysql查询出近一周,三个月,一年的数据
- .NET Core中Object Pool的简单使用
- char.IsLetter的使用
- php 序列化与反序列化
- Java 集合基础知识 List/Set/Map
- ajax 异步刷新
- python 菜鸟入门
- JAVA-JSP表达式
- M451例程讲解之GPIO.H