我如何使用angularjs限制文本区域的characetrs

时间:2015-06-15 13:30:34

标签: javascript angularjs

我有一个文本框,其角色在angularjs指令中超过10个字符。

以下是来自控制台的HTML选项

<input type="text" id="segmentName" ng-change="mmModelChange()" class="mm-text-box  ng-dirty ng-valid-parse ng-touched" style="width: 252px;" ng-class="{disable: $parent.mmDisable, errorInput: $parent.mmError}" ng-show="$parent.isShowControl || (!!$parent.mmError &amp;&amp; $parent.mmError !='' )" ng-model="$parent.$parent.mmModel" mm-focus="$parent.setFocus || ($parent.mmShowAsLabel &amp;&amp; $parent.isShowControl)" ng-blur="mmModelBlur();$parent.$parent.isShowControl = !$parent.$parent.mmShowAsLabel; " ng-disabled="$parent.mmDisable" placeholder="" tabindex="">

4 个答案:

答案 0 :(得分:1)

试试这个

<强>文本框

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

<强> textarea的

<textarea  maxlength="10"></textarea>

如果你想使用angular指令那么

试试这个

<input type="text" ng-model="name" ng-maxlength="10">

答案 1 :(得分:1)

使用maxlength属性:

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

答案 2 :(得分:1)

不确定,但这可能有用吗?

link: function (scope, element, attrs, ngModelCtrl) {
  var maxlength = Number(attrs.myMaxlength);
  function fromUser(text) {
      ngModelCtrl.$setValidity('unique', text.length <= maxlength);
      return text;
  }
  ngModelCtrl.$parsers.push(fromUser);
}

<input />,请使用:

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

答案 3 :(得分:0)

只需在文本输入的html中使用maxlength。类似于maxlength="10"