텍스트 영역 입력 상자의 단어 수를 제한하기 위해 jquery를 구현하는 방법
- PHPz앞으로
- 2016-05-16 16:20:00950검색
이 글에서는 jquery를 사용하여 텍스트 영역 입력 상자의 단어 수를 제한하는 방법을 주로 소개합니다. 이 기능은 keyup 이벤트를 통해 텍스트 영역 입력 상자의 단어 수를 실시간으로 읽어 구현하는 것입니다. 실용성이 뛰어납니다. 필요한 친구들이 참고하면 좋을 것 같습니다
이 글의 예시에서는 jquery를 사용하여 텍스트 영역 입력 상자의 단어 수를 제한하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
인터넷에서는 이를 달성하기 위해 비활성화 속성을 사용하는데, 이는 좋지 않으며 수정하고 싶어도 수정하지 않았습니다. 물론 이것도 완벽하지는 않습니다.
<html>
<head>
<title> jquery完美实现textarea输入框限制字数</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#weibo").keyup(function(){
var len = $(this).val().length;
if(len > 139){
$(this).val($(this).val().substring(0,140));
}
var num = 140 - len;
$("#word").text(num);
});
});
</script>
<style type="text/css">
h6{color:blue;}
textarea{resize:none;}
#word{color:red;}
</style>
</head>
<body>
<h6>说点什么吧，你可以输入<span>140</span>个字，现在剩余<span id="word">140</span>个</h6>
<textarea name="con" id="weibo" cols="45" rows="6"></textarea>
</body>
</html>이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면 jQuery 동영상 튜토리얼을 방문하세요.
성명：
이 기사는 jb51.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제