jquery判断文本域长度

<div id="result">您还可以输入100字</div>

<textarea name="content" id="content" cols="80" rows="5"></textarea><br />
<input type="button" name="btn" value="提交" id="btn" />
 
<script>
$(document).ready(function(){
   $("#content").keyup(function(){
         var length = 100;
         var content_len = $("#content").val().length;
         var in_len = length-content_len;
         
         // 当用户输入的字数大于制定的数时,让提交按钮失效
         // 小于制定的字数,就可以提交
         if(in_len >=0){
            $("#result").html('您还可以输入'+in_len+'字');
            $("#btn").attr("disabled",false);
            // 可以继续执行其他操作
         }else{
            $("#result").html('您还可以输入'+in_len+'字');
            $("#btn").attr("disabled",true);
            return false;
         }
         
    });
   });
  
</script>
posted @ 2016-10-18 16:35  幸福的目标  阅读(411)  评论(0编辑  收藏  举报