搜索

首页  >  问答  >  正文

angular.js - Angularjs如何限制textarea输入字数?

一般情况下的输入可以做出限制,但是在移动端上,用输入法打出一大段文字再点击输入文本框内超出限制也还能继续输入。请问有什么其他的方法可以一直跟踪用户输入的字数,监控到超出了就弹出提示并且把超出的内容删掉?

phpcn_u1582phpcn_u15822786 天前814

全部回复(4)我来回复

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:53:33

    雷雷 雷雷

    回复
    0
  • PHPz

    PHPz2017-05-15 16:53:33

    使用 $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个字符
            }
        }
    })
    

    回复
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 16:53:33

    你可以这样:
    在textarea上绑定一个变量ng-model="length",统计你现在的字数,然后在绑定一个变量通过ng-disabled="length>=140"让textarea变disabled,或者弹出框什么的,反正就是监控输出框的字数。

    回复
    0
  • PHP中文网

    PHP中文网2017-05-15 16:53:33

    <p ng-controller="myNoteCtrl">

    雷雷

    </p>

    <脚本>

    雷雷

    回复
    0
  • 取消回复