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>
主要受类型为文本的 <input> 元素支持,但也可以用于允许用户输入的其他元素。
参数值
值 | 描述 |
---|---|
number | 表示输入字段允许的最大字符数。 |