jQueryテキストエリアテキストボックス入力テキストワード制限プロンプトコード
<script type="text/javascript"> //入力制限文字の表示メソッド 関数 textAreaChange(obj){ var $this = $(obj); var count_total = $this.next().children('span').text(); var count_input = $this.next().children('em'); var area_val = $this.val(); if(area_val.len()>count_total){ area_val = autoAddEllipsis(area_val,count_total); //バイトのスクリーンショットの内容による $this.val(エリア_val); count_input.text(0);//入力可能な数値を表示 }それ以外{ count_input.text(count_total - area_val.len());//入力可能な数値を表示 } } //文字列のバイト長を取得する String.prototype.len = function(){ return this.replace(/[^\x00-\xff]/g, "xx").length; }; /* * 長すぎる文字列を処理し、省略記号を切り取って追加します ※注意:半角の長さが1、全角の長さが2になります。 * pStr: 文字列 * pLen: 切片の長さ * return: インターセプトされた文字列 */ 関数 autoAddEllipsis(pStr, pLen) { var _ret = CutString(pStr, pLen); var _cutFlag = _ret.cutflag; var _cutStringn = _ret.cutstring; _cutStringを返します; } /* * 指定した長さの文字列を取得する ※注意:半角の長さが1、全角の長さが2になります。 * pStr: 文字列 * pLen: 切片の長さ * return: インターセプトされた文字列 */ 関数cutString(pStr, pLen) { // 元の文字列の長さ var _strLen = pStr.length; var _tmpコード; var _cutString; // デフォルトでは、返される文字列は元の文字列の一部です var _cutFlag = "1"; var_lenCount = 0; var _ret = false; if (_strLen <= pLen/2){_cutString = pStr;_ret = true;} if (!_ret){ for (var i = 0; i < _strLen ; i++ ){ if (isFull(pStr.charAt(i))){_lenCount += 2;} else {_lenCount += 1;} if (_lenCount > pLen){_cutString = pStr.substring(0, i);_ret = true;break;} else if(_lenCount == pLen){_cutString = pStr.substring(0, i + 1);_ret = true;break;} } } if (!_ret){_cutString = pStr;_ret = true;} if (_cutString.length == _strLen){_cutFlag = "0";} return {"カットストリング":_cutString、"カットフラグ":_cutFlag}; } /* ※全角かどうかを判定 * * pChar: 長さ 1 の文字列 * return: true: 全角 ※false:半角 */ 関数 isFull (pChar){ if((pChar.charCodeAt(0) > 128)){true を返す;} else{ false を返す;} } </script>
jQuery textarea テキストエリア テキストボックス入力文字数制限プロンプトコード、固定入力文字の設定、入力文字数のリアルタイム計算と表示。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
16 May 2016
入力用の jquery プラグインと textarea 入力ボックスの最大テキスト制限。必要な友人はそれを参照できます。
19 Apr 2018
今回はjQueryでtextareaを入力する際の文字数制限についてお届けします。 jQueryでtextareaを入力する場合の注意点について、実際の事例を見てみましょう。
10 Apr 2023
jQuery は、Web 開発に豊富な機能と使いやすい構文を提供する、広く使用されている JavaScript ライブラリです。 Web 開発における重要なタスクは、フォームを検証し、ユーザー入力を制御することです。一般的な要件の 1 つは、テキスト ボックスに入力する文字数を制限することです。 jQuery は、maxlength 属性を設定することでこの機能を実現します。 jQuery では、attr() 関数を使用してテキスト ボックスの属性を設定できます。ここで、maxlength はテキスト ボックスの指定に使用される最大の単語です。
24 Feb 2024
jQuery 検証: 数値と小数点のみを入力可能 Web 開発では、ユーザーが入力した内容を検証する必要があることがよくあります。特に数値入力に関しては、通常、ユーザーが入力のみに制限する必要があります数字と小数点。この記事では、jQuery を使用してこの機能を実現する方法と、具体的なコード例を紹介します。要件分析の開発プロセスでは、金額入力ボックスや数量入力ボックスなど、数字と小数点のみを入力する必要がある場合があります。データの正確性と形式の標準化を確保するには、ユーザー入力を実行する必要があります。
16 May 2016
入力文字数を制限する一般的な機能 (Heat Chaotian の Weibo 入力ボックスなど) については、jQuery を使用して作成し、もう 1 つはネイティブ JavaScript で作成しました。ネイティブ JavaScript には中国語と英語の文字を区別する機能があります。コメントありますが、個人的にはあまりお勧めしません。
16 May 2016
この記事では、jQuery のキーボード イベントと関連するページ要素の操作スキルを含む、テキストエリアのテキスト ボックスに入力される文字数を制限する jQuery の方法を主に紹介します。
29 Dec 2017
jqueryはテキストエリアに入力される単語の数をどのように制限しますか?この記事では主に JQuery でテキストエリアに入力する文字数を制限する方法を詳しく紹介します。興味のある方はぜひ参考にしてください。
16 May 2016
この記事では、jquery を使用してテキストエリア入力ボックスの単語数を制限する方法を主に紹介します。この機能は、キーアップ イベントを通じてテキストエリア入力ボックスの単語数をリアルタイムに読み取ることで実現されます。必要な友達はそれを参照できます。
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER