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 元素中允许的最大字符数。

演示：

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

Answer 2

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

因此只需在输入代码中添加max =“ 10”

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

2 个答案: