AngularJS ng-maxlength 指令

定义和用法

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

ng-maxlength 与 HTML 中的 maxlength 属性不同，后者会阻止用户输入超过限制数量的字符。

ng-maxlength 指令不会阻止用户输入超过限制数量的字符，但如果用户这样做，表单将无效。

实例

如果输入值超过五个字符，则显示错误：

<form name="myForm">

<input name="myInput" ng-model="myInput" ng-maxlength="5">

<h1 ng-if="!myForm.myInput.$valid">值太长了</h1>

</form>

亲自试一试

语法

<input type="text" ng-maxlength="number"></input>

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

参数