angular.js - Angularjs如何限制textarea輸入字數?
phpcn_u1582
phpcn_u1582 2017-05-15 16:51:33
0
4
795

一般情況下的輸入可以做出限制,但是在行動端上,用輸入法打出一大段文字再點擊輸入文字框內超出限制也還能繼續輸入。請問有什麼其他的方法可以一直追蹤使用者輸入的字數,監控到超出了就彈出提示並且把超出的內容刪掉?

phpcn_u1582
phpcn_u1582

全部回覆(4)
过去多啦不再A梦

雷雷 雷雷

PHPzhong

使用 $watch

javascript$scope.content; //假设这是你textarea上的绑定
var limitation = 150; // 假设文本长度为 150
$scope.$watch('content', function(newVal, oldVal) {
    if (newVal && newVal != oldVal) {
        if (newVal.length >= limitation) {
            $scope.content = newVal.substr(0, limitation); // 这里截取有效的150个字符
        }
    }
})
曾经蜡笔没有小新

你可以這樣:
在textarea上綁定一個變數ng-model="length",統計你現在的字數,然後在綁定一個變數通過ng-disabled="length>=140"讓textarea變disabled,或是彈出框什麼的,反正就是監控輸出框的字數。

Ty80

雷雷

雷雷

腳本>

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板