实时字符计数器

时间:2017-08-16 17:38:24

标签: html character counter

所以当有人输入" textarea"并且在键入时显示到目前为止的字符数类型。下面的代码是我试图拥有计数器的字段。我想通过工作故障排除字符计数器。我有什么想法可以去做吗?

function isIdUnique (id, done) {
    db.Profile.count({ where: { id: id } })
      .then(count => {
        done(count == 0);
      });
  }
}

isIdUnique(id, function(isUnique) {
  if (isUnique) {
    // stuff
  }
});

2 个答案:

答案 0 :(得分:0)

您可以在代码中使用它。它使用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>

答案 1 :(得分:0)

我做了以下事情以获得我想要的东西。

将以下内容放在头部

<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)"