这个jquery表单有什么问题可以检查textarea中的字符数？

Question

这是一个代码,如果textarea中有超过100个字符,则启用提交按钮.但是我无法让它发挥作用.也许jquery版本错了？我不知道.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<form>
  <textarea id="textareaId"></textarea>
  <input type="submit" id="submitId" disabled="disabled" />
</form>
<script type="text/javascript">
  setInterval(function () {
    if(("#textareaId").val().length > 100) {
      $("#submitId").removeAttr("disabled");
    } else {
      $("#submitId").attr("disabled", "disabled");
    }
  }, 500); //Runs every 0.5s
</script>

Answer 1

你$在前面错过了一个("#textareaId")

Answer 2

你缺少的$通过("#textareaId")
,并尝试使用onchange,而不是一个setInterval ,这可能是更有效的:

$("#textareaId").change(function () {
   if((this.value).length > 100) {
     $("#submitId").removeAttr("disabled");
   } else {
     $("#submitId").attr("disabled", "disabled");
   }
}).keyup(function(){$(this).change()});

小提琴:http://jsfiddle.net/maniator/7Kch9/