如何限制AngularJS中的最大字符数?

Mus*_*man 1 javascript angularjs

我有一个输入和文本区域,我想将最大字符数限制为 20 个。我该怎么做。需要帮助。

<form novalidate name="editartistForm">
<div class="col-md-6 field_container">
    <md-input-container class="md-block log_container" flex-gt-sm>
        <label>Name</label>
            <input required type="text" name="name" ng-model="edit_artist.name">
    </md-input-container>
</div>
<div class="col-md-12 field_container">
    <md-input-container class="md-block log_container" flex-gt-sm>
        <label>Short Description</label>
             <textarea type="text" name="description" ng-model="edit_artist.description" rows="5"></textarea>
    </md-input-container>
</div>
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/1wm5fqaa/

Viv*_*ivz 6

您可以使用maxlengthhtml 属性来限制字符。如果超过最大限制,您还可以使用ng-maxlength这将使您的表单无效。但ng-maxlength不会限制用户输入更多字符。这对于表单验证很有用。

<input required type="text" name="name" ng-model="edit_artist.name" maxlength="5">
Run Code Online (Sandbox Code Playgroud)