仿照微博输入框写的例子 

<html>
<head>
　　<title>模拟微博输入框的判断</title>
    <script>
    function checkValid(){
        var value = $("text").value;
        if (value.length > 140) {
            $("tips").value = "输入的备注框长度为" + value.length;
            $("btn").disabled = true;
        } else {    
            $("tips").value = "";
            $("btn").disabled = false;
        }
    }
    function confirm(){
        alert("发布");
    }
    function $(_id){
        return document.getElementById(_id);
    }
    </script>
</head>
<body>
    <form name="textForm">
        <input type="text" name="tips" id="tips" style="width:700px;"/><br>
        <textarea name="content" cols="60" rows="6" id="text" onkeydown="checkValid()"></textarea>
        <input type="button" onclick="confirm()" value="提交" id="btn"/>
    </form>
</body>
</html>

仿照微博输入框写的，当输入的数据超过140个字符时，提示用户，并且设置按钮不可用

posted @ 2014-12-18 10:08  萍踪侠影B302  阅读(166)  评论(0)  编辑  收藏  举报