> 웹 프론트엔드 > JS 튜토리얼 > jquery는 텍스트 영역 입력 문자 제어를 구현합니다(Weibo 입력 제어 문자 모방)_jquery

jquery는 텍스트 영역 입력 문자 제어를 구현합니다(Weibo 입력 제어 문자 모방)_jquery

WBOY
풀어 주다: 2016-05-16 17:35:06
원래의
1046명이 탐색했습니다.

렌더링은 다음과 같습니다.
jquery는 텍스트 영역 입력 문자 제어를 구현합니다(Weibo 입력 제어 문자 모방)_jquery
JQUERY 코드:

코드 복사 코드는 다음과 같습니다.

var text=$(".release textarea").val();//입력 상자 값 가져오기
var counter=text.length; 입력 상자
$(" #numtj em").text(500-counter)
$(document).keyup(function() {
var text=$(".release textarea") .val();
var counter=text.length;
$("#numtj em").text(500-counter)
if(counter>500){ // 단어가 500보다 큼
$(".public" ).addClass("public01").attr("disabled","true") //게시 버튼이 비활성화됨
}
else{
$(".public").removeClass("public01") .removeAttr("disabled") //게시 버튼 활성화
}
})

단어 수 스타일:
코드 복사 코드는 다음과 같습니다.

#numtj em {
font -중량: 700;
글꼴 크기: 22px;
글꼴 스타일: 기울임꼴
글꼴 계열: 조지아주 콘스탄티아
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿