js输入框数字限制提醒

最新推荐文章于 2023-03-31 13:12:10 发布

fly18702787810

最新推荐文章于 2023-03-31 13:12:10 发布

阅读量576

点赞数

本文链接：https://blog.csdn.net/fly18702787810/article/details/67649156

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    *{
        margin:0;
        padding:0;
    }
    input,button,textarea,select{
        outline:none;
    }
    textarea{
        resize:none;
    }
    .content{
        width:350px;
        height:150px;
        font-size:18px;
        text-indent:40px;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .content:hover{
        border:1px solid #00ffff;
        cursor:pointer;
    }
    .top{
        vertical-align:top;
    }
    .fontColor
    {
        color:#eee;
    }
    .tableT td{
        margin-right:20px;
    }
</style>
<body ng-app="myApp" ng-controller="myControl">
<table class="tableT">
    <tr>
        <td class="top">退货说明&nbsp:</td>
        <td><textarea  id="sayId" class="content" ng-model="say" ng-keyup="changeText()"></textarea></td>
    </tr>
    <tr>
        <td></td>
        <td class="fontColor">你还可以输入{{textLength}}字</td>
    </tr>
</table>
</body>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/angular.min.js"></script>

<script type="text/javascript">
    var app = angular.module('myApp',[]);
    app.controller('myControl',function($scope){
        $scope.textLength = 10;
        $scope.changeText = function(){
            var length = $("#sayId").val().length;   //使用$scope.say.length的时候，输入空格的时候没有计算空格长度。
            console.log(length);
            $scope.textLength = 10 - length;
            if($scope.textLength<=0){
                $scope.textLength = 0;
                $("#sayId").val($scope.say.slice(0,10));
            }
        }
    });
</script>
</html>

fly18702787810

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js输入框数字限制提醒

html>html>head lang="en"> meta charset="UTF-8"> title>title>head>style> *{ margin:0; padding:0; } input,button,textarea,select{ outline:none; }
复制链接

扫一扫