텍스트 영역의 입력 단어 수를 제한하는 jquery 구현의 자세한 예
- 小云云원래의
- 2017-12-29 10:41:431140검색
jquery는 텍스트 영역에 입력되는 단어 수를 어떻게 제한하나요? 이 글에서는 jquery를 사용하여 텍스트 영역에 입력되는 단어 수를 제한하는 방법을 주로 소개합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.
필요한 친구들은 제가 작성한 예시를 참고할 수 있습니다. 물론, 실수가 있다면 모두 지적해 주시고 함께 배우고 발전할 수 있기를 바랍니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>textarea 限制字数</title>
<style>
.container{
position: relative;
width: 730px;
}
.container span{
position: absolute;
bottom: 20px;
right: 30px;
}
</style>
</head>
<body>
<p class="container">
<textarea name="content" id="content" cols="100" rows="10"></textarea>
<span>0/10</span>
</p>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>
$(function(){
/**
* textarea 限制输入字数
* @param string str 类名或ID
* @param number num 限制输入的字数
*/
function limitImport(str,num){
$(document).on('input propertychange',str,function(){
var self = $(this);
var content = self.val();
if (content.length > num){
self.val(content.substring(0,num));
}
self.siblings('span').text(self.val().length+'/'+num);
});
}
//用法示例
limitImport('#content',10);
})
</script>
</body>
</html>관련 권장사항:
html의 4750256ae76b6b9d804861d8f69e79d3 사용 방법
JavaScript가 텍스트 영역 텍스트 상자에 줄 번호를 추가하는 방법에 대한 자세한 예
HTML의 텍스트 영역 입력 상자 프롬프트 텍스트 기본 콘텐츠를 추가해야 합니다. 완벽한 솔루션
위 내용은 텍스트 영역의 입력 단어 수를 제한하는 jquery 구현의 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.