如何限制用户输入的名字不能超过十个字符？答案

【问题标题】：how to restrict user not to enter more than ten character name?如何限制用户输入的名字不能超过十个字符？
【发布时间】：2019-04-15 07:55:24
【问题描述】：

你能告诉我如何限制用户不能在名称字段中输入十个字符吗？如果用户输入超过 10 个字符，他将无法输入。请提出更好的方法？

http://plnkr.co/edit/w1cidR23RYLAYE6dlvXd?p=preview 我有一个名称字段，用户只能在其中输入十位数字的名称。如果用户尝试输入更多，则不允许。

<td ng-if="value.type == 'FIELD' && isEditableMode && value.editable && value.dataType!='DATE'">
  <div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
    <input type="text" name="{{key}}" class="form-control" ng-model="value.value">
  </div>
</td>

【问题讨论】：

标签： javascript angularjs twitter-bootstrap angular-ui-bootstrap

【解决方案1】：

您可以简单地设置maxlength 属性。

maxlength 属性指定 input 元素中允许的最大字符数。

演示：

&lt;input maxlength="10" type="text"/&gt;

【讨论】：

【解决方案2】：

有 2 个属性可让您在输入中添加最小值和最大值，它们是 min 和 max

所以只需将 max ="10" 添加到您的输入标签中

【讨论】：

另一种解决方案：在控制器中设置 $scope.name=10，然后将 max="{{name}}" 添加到您的标签中