<!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>

最新文章

  1. sql 日期格式化
  2. [转] 浅谈Linux系统的启动流程
  3. php之面向对象、构造函数、析构函数
  4. Microsoft AzureStorageAccount for Powershell
  5. 九、mysql触发器的概念
  6. crash recovery
  7. SOA,ESB 与 SCA
  8. Boyang Tex上海帛扬时装面料有限公司
  9. Effective Java实作Comparator - 就是爱Java
  10. JSP Cookie的使用
  11. OSI模型和TCP/IP协议族(二)
  12. mysql查询出近一周,三个月,一年的数据
  13. .NET Core中Object Pool的简单使用
  14. char.IsLetter的使用
  15. php 序列化与反序列化
  16. Java 集合基础知识 List/Set/Map
  17. ajax 异步刷新
  18. python 菜鸟入门
  19. JAVA-JSP表达式
  20. M451例程讲解之GPIO.H

热门文章

  1. Oracle XE手动建立数据库实例
  2. JavaScript系列文章:从let和const谈起
  3. UVA1368
  4. 如何把家里的pc改装成linux服务器
  5. Python学习笔记(2) Python提取《釜山行》人物关系
  6. webapi-test
  7. 自制-随机生成不重复的数组 --算法,egret平台下的TS code
  8. Javascript操作DOM常用API总结
  9. linux虚拟系统determining IP information for eth0...failed
  10. Git 如何只更新项目中某个目录里的文件