上一节:
下一节:

  AngularJS ng-maxlength 指令

  • 定义和用法

    ng-maxlength 指令将限制添加到输入字段和表单的验证器中。
    ng-maxlength 与 HTML 中的 maxlength 属性不同，这将阻止用户键入超出限制数量的字符。
    ng-maxlength 指令不会阻止用户键入超出限制数量的关闭字符，但如果这样做，则该表格将无效。

  • 语法

    <input type="text" ng-maxlength="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>尝试在输入字段中输入五个以上的字母：</p>
         <input name="myInput" ng-model="myInput" ng-maxlength="5">
         <h1 ng-if="!myForm.myInput.$valid">值太长</h1>
      </form>
      <p>在此示例中，如果字段包含五个以上的字符，我们将显示错误。</p>
 </body>
 </html>
    尝试一下

  • 相关页面

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