AngularJSng-maxlengthディレクティブ
例
入力値が5文字より長い場合は、エラーを表示します。
<form name="myForm">
<input name="myInput" ng-model="myInput"
ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">The value is too
long</h1>
</form>
定義と使用法
ディレクティブはng-maxlength、入力フィールドとフォームのバリデーターに制限を追加します。
これはHTMLng-maxlengthの属性と同じではありませんmaxlength
。これにより、ユーザーは制限された文字数を超えて入力できなくなります。
ディレクティブは、ng-maxlengthユーザーが制限された数を超える文字を入力することを妨げませんが、そうするとフォームは無効になります。
構文
<input type="text" ng-maxlength="number"></input>
主にテキストタイプの<input>要素でサポートされていますが、ユーザー入力を可能にする他の要素でも使用できます。
パラメータ値
| Value | Description |
|---|---|
| number | A number representing the maximum number of characters legal for the input field. |