AngularJS ng-maxlength 指令
示例
当输入值超过五个字符时显示错误
<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">值太长了</h1>
</form>
自己动手试一试 »
定义和用法
ng-maxlength 指令向输入字段和表单的验证器添加了一个限制。
ng-maxlength 指令与 HTML 中的 maxlength 属性不同，后者会阻止用户输入超过限制数量的字符。
ng-maxlength 指令不会阻止用户输入超过限制数量的字符，但如果这样做，表单将失效。
语法
<input type="text" ng-maxlength="number"></input>
主要支持类型为 text 的 <input> 元素，但也可用于其他允许用户输入的元素。
参数值
| 值 | 描述 |
|---|---|
| 数字 | 一个数字，表示输入字段允许的最大字符数。 |
