AngularJS ng-maxlength 指令

定义和用法

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

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

ng-maxlength インストラクションはユーザーが制限を超える文字数を入力することを阻止しませんが、ユーザーがそれを行った場合、フォームは無効になります。

例

入力値が5文字を超える場合、エラーを表示します：

<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> 要素がサポートされていますが、ユーザーが入力を許可されている他の要素にも使用できます。

パラメータ