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> 元素，但也可用於其他允許使用者輸入的元素。
引數值
| 值 | 描述 |
|---|---|
| 數字 | 一個數字，表示輸入欄位允許的最大字元數。 |
