AngularJS ng-minlength 指令

实例

如果输入值少于五个字符,则显示错误:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. <form name="myForm">
  6. <p>在输入字段中键入少于五个字符时,将显示错误:</p>
  7. <input name="myInput" ng-model="myInput" ng-minlength="5">
  8. <h1 ng-if="!myForm.myInput.$valid">值太短</h1>
  9. </form>
  10. <p>在本例中,如果字段包含少于五个字符,我们将显示一个错误。</p>
  11. <p><b>备注:</b> 如果该字段为空,则认为该字段有效。</p>
  12. </body>
  13. </html>

定义与用法

ng-minlength 指令向输入字段和表单的验证程序添加限制。

如果值的长度小于指定值,ng-minlength 指令将在输入字段中添加 "invalid" 无效状态。

备注: 如果该值为空,则认为该值有效。

语法

  1. <input type="text" ng-minlength="number"></input>

主要由文本类型的 <input> 元素支持,但也可以用于允许用户输入的其他元素。


参数值

描述
number表示输入字段的最小合法字符数的数字

分类导航