如何限制angularJS中的最大字符?

时间:2017-08-31 10:27:40

标签: javascript angularjs

我有一个输入和textarea我想将每个字符的最大数量限制为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>

https://jsfiddle.net/1wm5fqaa/

1 个答案:

答案 0 :(得分:3)

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

<input required type="text" name="name" ng-model="edit_artist.name" maxlength="5">