1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <title></title>
7 <script src="js/jquery-1.11.1.js" type="text/javascript"></script>
8 </head>
9 <style>
10 #sNum,#sNum2{ height:20px; border:1px solid #ccc; padding: 5px; margin:20px 40px; display: inline-block; }
11 #inputV{width: 100px; height: 20px; margin:20px 40px; }
12 #inputV2{width:200px; height:80px; margin:20px 40px; }
13 </style>
14 <body>
15 <span id="sNum"></span>
16 <input type="text" placeholder="nini" id="inputV" />
17 <span id="sNum2"></span>
18 <textarea placeholder="nini" id="inputV2"></textarea>
19 <script type="text/javascript" charset="utf-8">
20 $(function(){
21 var inputV = $('#inputV');
22 var sNum = $('#sNum').html();
23 var euTextLen=0;
24 var inputLen = inputV.val().length;
25
26 function textInput(obj,objch,nums,textContent ){
27 $(obj).keyup(function(){
28 var euTextLen= $(obj).val().length;
29 $(objch).html(euTextLen);
30 if(euTextLen >= nums ){
31 alert(textContent);
32 }
33 })
34 }
35 textInput('#inputV','#sNum',1000,'djfkljaslkjsalk');
36 textInput('#inputV2','#sNum2',500,'123132132');
37 if(inputLen==0){
38 $('#sNum,#sNum2').html(euTextLen);
39 }
40
41
42
43 })
44 </script>
45 </body>
46 </html>
