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

Question

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

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

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

Answer 1

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

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

演示：

<input maxlength="10" type="text"/>

Answer 2

有两个属性允许您向输入添加最小值和最大值，它们是min和max

所以只需在输入标签中添加max="10">