LimitInput 字符限制代码示例

上一篇 / 下一篇  2012-11-27 20:29:58 / 个人分类:课外学习

   <html xmlns=http://www.w3.org/1999/xhtml>
<head>
    <title>设置文本字符输入</title>
    <script. language="javascript" type="text/javascript">
        function checkInput(_this) {
            var maxLength = 10; //最大输入字符数
            var currentNum = _this.value.length; //当前输入的字符数
            if (currentNum > maxLength) {
                _this.value = _this.value.substring(0, maxLength);
                return false;
            }
            document.getElementById("currentNum").innerHTML = currentNum;
        }
    </script>
</head>
<body>
<div>
<h2>限制字符输入实例</h2>
    <textarea id="TextArea1" cols="20" rows="2" nkeyup="checkInput(this);"></textarea>
    <span>
        <label id="currentNum" style="color:Red;">0</label>/<label id="totalNum">10</label>
    </span>
</div>  
</body>
</html>

TAG:

 

评分:0

我来说两句

Open Toolbar