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> 元素支持，但也可以用于其他允許用戶輸入的元素。

參數