1. $('textarea#txtPrizeNote'); //텍스트 영역 컨트롤의 이름을 나타냅니다.2. 남은 단어 수를 표시하는 'span' 태그HTML: 코드 복사 코드는 다음과 같습니다. style="width: 480px; height: 74px; float: left"> * 남은 단어 수: 코드 복사 코드는 다음과 같습니다. <br>//val의 바이트 길이를 반환합니다.<br>function getByteLen(val) { <br>var len = 0; var i = 0; i < val.length; i ) { <BR>if (val[i].match(/[^x00-xff]/ig) != null) //전폭 <BR>len = 2; <BR>else <BR>len = 1; <BR>} <BR>return len; <BR>} <BR>//지정된 바이트 길이 내에서 val 값을 반환합니다.<BR>function getByteVal( val, max) { <BR>var returnValue = ''; <BR>var byteValLen = 0 <BR>for (var i = 0; i < val.length; i ) { <BR>if (val[i ].match(/[^x00-xff]/ig) != null) <BR>byteValLen = 2 <BR>else <BR>byteValLen = 1 <BR>if (byteValLen > max) <br>break ; <br>returnValue = val[i]; <br>} <br>returnValue; <br>} <br>$(function() { <br>var _area = $('textarea#txtPrizeNote'); <br>var _info = _area.next(); <br>var _max = _area.attr('maxlength'); <br>var _val <br>_area.bind('keyup 변경', function() { // 키업 바인딩 및 이벤트 변경<br>if (_info.find('span').size() < 1) {//팝업할 때마다 프롬프트 메시지 삽입 방지 <BR>_info.append(_max); 🎜>} <BR>_val = $(this).val( ); <BR>_cur = getByteLen(_val); <BR>if (_cur == 0) {//기본값 길이가 0인 경우 숫자 입력할 수 있는 숫자는 기본 maxlength 값입니다. <BR>_info.text(_max); <BR>} else if (_cur < _max) {//기본값이 제한 숫자보다 작을 때 입력할 수 있는 숫자 입력된 값은 max-cur <BR>_info.text(_max - _cur); <BR>} else {// 기본값이 한도보다 크거나 같은 경우 <BR>_info.text(0); $(this).val(getByteVal(_val,_max)); //지정된 바이트 길이 내에서 값을 가로채기<BR>} <BR>}) <BR> 🎜>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
