实时字符计数器

所以我试图让某人在“textarea”中键入并在输入时显示迄今为止的字符数。下面的代码是我正在尝试使用计数器的字段。我想通过工作故障排除来获得字符计数器。任何想法如何我可以去做呢？实时字符计数器

<tr> 
        <td width="70%"> 
         <b>Troubleshooting</b><br /> 
        </td> 
        <td width="30%"> 
         <a href="javascript: validateHP()" onMouseover="buttonObject_HP.src='images/hp_1.png'" onMouseout ="buttonObject_HP.src='images/hp_0.png'"> 
         &nbsp;<img name="buttonObject_HP" src="images/hp_0.png" border=0 alt="" width="75" height="20"/></a>   
        </td> 
       </tr> 
      </table> 
      <textarea class="normal" id="Reported" name="Reported" rows="12" cols="51" onchange="validateText();"></textarea>

来源

2017-08-16 Tacoma

的可能的复制[计数textarea中的字符]（https://stackoverflow.com/questions/5371089/count-characters-in-textarea） – Nisarg

我想这和它不是我想要。我试图让它通过疑难解答（50个字符）排除故障。那个有一个字符限制。我不想限制它，我想显示您的金额。往上走。 – Tacoma

我做了如下得到我想要的东西。

摆在头下面

<script src="http://code.jquery.com/jquery-1.5.js"></script> 
    <script> 
     function countChar(val) { 
     var len = val.value.length; 
     if (len >= 10000) { 
      val.value = val.value.substring(50, 10000); 
     } else { 
      $('#charNum').text(2000 - len); 
     } 
     }; 
    </script>

然后把我排除在以下的div

<div id="charNum">Characters Left</div>

最后添加以下到我的textarea

onkeyup="countChar(this)"

来源

2017-08-24 17:46:53 Tacoma

你可以在你的代码中使用它。它使用AngularJS。

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app=""> 
 
    
 
<p>Input something in the input box:</p> 
 
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p> 
 
<h1>{{name.length}}</h1> 
 

 
</div> 
 

 
</body> 
 
</html>

来源

2017-08-22 18:48:09

如果你不想使用AngularJS，你也可以使用'string.length'。它必须通过按钮手动更新。 – 2017-08-22 18:52:34

实时字符计数器

回答

相关问题