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> = 2; <BR>else <BR>len = 1; <BR>} <BR>return len; <BR>} <BR>// 指定されたバイト長内の val の値を返す max<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>return <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 change', 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> 🎜>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
