>웹 프론트엔드 >JS 튜토리얼 >텍스트 상자 단어 제한 기능 jquery Plug-in_jquery

텍스트 상자 단어 제한 기능 jquery Plug-in_jquery

WBOY
WBOY원래의
2016-05-16 18:41:151136검색

나중에 인터넷을 헤매다가 갑자기 텍스트 상자 글자 수 제한이 있는 더 나은 jquery 플러그인을 발견했습니다. >코드 복사

텍스트 상자 단어 제한 기능 jquery Plug-in_jquery 코드는 다음과 같습니다. :

< head> 글자 제한 기능에 대해 텍스트 상자

< ;p>취미 입력(<50자)< ;/p>


< /div>
;p>우편번호 입력(<6자)


>



속성 설명:

data-maxsize: 텍스트 필드에 허용되는 최대 단어 수입니다. 중요)
data-output: 텍스트 상자에 단어 수를 실시간으로 동적으로 표시하려는 경우 단어 수를 표시하는 범위 또는 div의 ID(단어의 색상)를 설정하는 속성입니다. 숫자 표시는 숫자에 따라 변경됩니다. 변경)
소스 파일을 수정하지 않으면 js 참조를 추가한 후 텍스트 또는 텍스트 영역에 data-maxsize 속성만 추가하면 됩니다.
최대값 동적으로 설정 정보
setformfieldsize 메소드 사용:
setformfieldsize($field, maxsize, outputfieldid)
속성 설명:
$field: 제한된 텍스트 상자의 JQuery 객체입니다. (Jquery 문서 참조)
maxsize: data-maxsize와 동일하며 텍스트 필드가 허용할 수 있는 최대 단어 수입니다.
outputfieldid: data-output과 동일합니다. >


코드 복사


코드는 다음과 같습니다.



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.