前端开发input的字数控制

web前端开发技术 pdf
前端开发技术文档
前端开发技术的未来走势

html 代码

<!DOCTYPE html>
    <head>
        <meta charset=”UTF-8″ />
        <title></title>
        <script src=”http://libs.baidu.com/jquery/2.0.0/jquery.js”></script>
    </head>
    <body>
        <input type=”text” />
        <div>20</div>
        <script>
            $(‘input’).on(‘keyup’, function() {
                var max = 20
                var val = $(this).val().length
                var show = max – val
                $(‘div’).html(show)
                /*删除超过的字数*/
                if (val >= 20) {
                    var cou = $(this).val()
                    cou = cou.substring(0, 20)
                    $(this).val(cou)
                }
            })
        </script>
    </body>
</html>
web前端开发技术 说课
web前端开发技术知识体系
it前端技术开发论文
» 本文来自:前端开发者 » 《前端开发input的字数控制》
» 本文链接地址:https://www.rokub.com/7859.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!