上一节:
下一节:

  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>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: