jquery学习笔记(一)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery.min.js"></script>
    <script language="JavaScript" type="text/javascript">
       var sumcount = 100;
        $(document).ready(function () {
          $('.counter').bind({
              keypress:function () {
                  var inputText = $(this).val();
                  var numcount = inputText.length;
                  var shengcount = sumcount - numcount;
                  if(numcount<=sumcount)
                  {
                      $('.se').text(shengcount);
                  }
                  else if(numcount>sumcount)
                  {
                      event.preventDefault();
                      alert("数据已满");
                  }
              }
          });

       });

    </script>

</head>
<body>
  <textarea class="counter" rows="10" cols="30"></textarea><br/>

   <div class="se"></div>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/jiahonhyu0609/article/details/79899517
今日推荐