textarea 限制字数输入

最新推荐文章于 2024-03-28 15:30:18 发布

最新推荐文章于 2024-03-28 15:30:18 发布 · 357 阅读

JavaScript 专栏收录该内容

117 篇文章

订阅专栏

本文深入探讨了AI音视频处理领域中的视频分割与语义识别技术，介绍了其在自动驾驶、AR等领域的重要应用。通过分析算法原理、实际案例，为开发者提供了一套完整的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<form action="" id="commentForm" name="commentForm" method="POST">
    <textarea id="commentText" name="commentText" rows="4" cols="50" maxNum="500"></textarea>
    <p class="c-tip"><input id="subBtn" class="btn" type="submit" value="点评" disabled="true"></input>限1~500字之内，还可以输入<span id="num" class="number">500</span>字</p>
</form>


textarea{width:98%;height:80px;_width:490px;overflow-y:auto;}
.c-tip .number{color:#f56600;}
.c-tip .btn{float:right;}


   var commentText = document.getElementById('commentText'),
        num = document.getElementById('num'),
        maxNum = commentText.getAttribute('maxNum'),
        subBtn = document.getElementById('subBtn');
    subBtn.setAttribute('disabled',true);

    var changeFn = function(){
        var val = commentText.value;
        if(val){
            val = val.replace(/^\s+|\s+$/g,'');
        }
        if(val.length == 0){
            subBtn.setAttribute('disabled',true);
        }else{
	        if(val.length > maxNum){
	            subBtn.setAttribute('disabled',true);
	        }else{
	            subBtn.removeAttribute('disabled');
	        }
        }
        num.innerHTML = (maxNum - val.length);
    };
    if(/MSIE ([^;]+)/.test(navigator.userAgent)){
           commentText.onpropertychange = changeFn;
    }else{
        commentText.addEventListener('input',changeFn,false);
    }
    commentText.onkeyup = changeFn;