AngularJS ng-minlength 指令

  • 定义和用法

    ng-minlength 指令将限制添加到输入字段和表单的验证器。
    如果值的长度小于指定的长度,则 ng-minlength 伪指令将在输入字段中添加“无效”状态。
    注意:如果该值为空,则视为有效。
  • 语法

    <input type="text" ng-minlength="number"></input>
    
    主要受文本类型的 <input> 元素支持,但也可以在允许用户输入的其他元素上使用。
  • 参数

    参数 必需的 描述
    number 一个数字,表示输入字段合法的最小字符数。
  • 示例

    下例演示了如果输入值少于五个字符,则显示错误:
    <!DOCTYPE html>
     <html lang="en">
     <head>
     <meta charset="UTF-8">
     <title>欢迎来到蝴蝶教程</title>
     <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
     </head>
     <body ng-app="">
          <form name="myForm">
             <p>尝试在输入字段中输入少于5个字母:</p>
             <input name="myInput" ng-model="myInput" ng-minlength="5">
             <h1 ng-if="!myForm.myInput.$valid">值太短了</h1>
          </form>
          <p>在此示例中,如果字段包含少于五个的字符,我们将显示错误。</p>
     </body>
     </html>
    
    尝试一下