js限制文本框input 字数的输入 并提示还可以输入多少字

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>数字限制</title>

</head>

<body>

<textarea id="text" onkeydown="checknum()" onkeyup="checknum()" ></textarea>

<input id="in" type="text" disabled="disabled" />

<script>

    function checknum(){

        var nMax = 10;

        var textDom =  document.getElementById("text");

        var len =textDom.value.length;   

        if(len>nMax){

            textDom.value = textDom.value.substring(0,nMax);

            return;

        }

        document.getElementById("in").value="你还可以输入"+(nMax-len)+"个字";

    }

    checknum();

</script>

</body>

</html>


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Child: >nav>ul>li Sibling: +div+p+bq Clim...
    Michael_涵阅读 421评论 0 1
  • 1.自我介绍: 介绍学校专业、应聘岗位。在大二下学期的时候,开始接触学习前端,如今已经一年了,一开始是做慕课网的任...
    Observer_____阅读 299评论 0 1
  • js 部分 document.form.item 问题代码中存在 document.formName.item("...
    Volcaner阅读 590评论 1 1
  • HTML、XML、XHTML有什么区别? XMLXML是The Extensible Markup Languag...
    zx9426阅读 444评论 0 1
  • 原文链接:https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards...
    Iffy11阅读 922评论 0 1