ホームページ JS特殊効果 jQueryの効果 jQueryテキストエリアテキストボックス入力テキストワード制限プロンプトコード

jQueryテキストエリアテキストボックス入力テキストワード制限プロンプトコード

jQueryテキストエリアテキストボックス入力テキストワード制限プロンプトコード

jQueryテキストエリアテキストボックス入力テキストワード制限プロンプトコード

jsコード

<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

関連記事

セキュリティ制限に違反せずに jQuery を使用してファイル入力をトリガーする方法は? セキュリティ制限に違反せずに jQuery を使用してファイル入力をトリガーする方法は?

19 Nov 2024

jQuery を使用したファイル入力のトリガーjQuery は、HTML 要素を操作する便利な方法を提供しますが、ネイティブ ファイル入力をトリガーするには...

スライド効果と不透明効果を備えたシンプルな jQuery 画像スライダーを作成する方法 スライド効果と不透明効果を備えたシンプルな jQuery 画像スライダーを作成する方法

24 Nov 2024

スライド効果と不透明効果を備えたシンプルな jQuery イメージ スライダーの構築外部プラグインに依存せずに jQuery でカスタム イメージ スライダーを作成...

jQueryでテキストの点滅アニメーションを実現するにはどうすればよいですか? jQueryでテキストの点滅アニメーションを実現するにはどうすればよいですか?

30 Oct 2024

jQuery を使用してテキスト点滅アニメーションを実現するこのクエリでは、jQuery を使用して点滅するテキスト効果を作成するためのシンプルかつ効果的な方法を模索します。

フェード効果またはスライド効果を備えた jQuery 画像スライダーを簡単に作成するにはどうすればよいですか? フェード効果またはスライド効果を備えた jQuery 画像スライダーを簡単に作成するにはどうすればよいですか?

24 Nov 2024

フェード効果またはスライド効果を使用して jQuery 画像スライダーの作成を簡素化します経験豊富な開発者でも、jQuery を使い始めたばかりでも、クラフト...

jQuery Mobile でコンテンツの高さを正確に計算してヘッダーとフッターの間のスペースを埋めるにはどうすればよいですか? jQuery Mobile でコンテンツの高さを正確に計算してヘッダーとフッターの間のスペースを埋めるにはどうすればよいですか?

27 Dec 2024

jQuery Mobile を使用して Web ページのコンテンツの高さの計算を強化するjQuery のヘッダーとフッターの間のスペースを効果的に埋めるには...

jQuery を使用して DOM 要素コンテンツの変更を検出するにはどうすればよいですか? jQuery を使用して DOM 要素コンテンツの変更を検出するにはどうすればよいですか?

17 Nov 2024

jQuery での DOM 要素コンテンツの変更の検出jQuery のchange() 関数は、フォーム要素の変更を効果的に監視し、コンテンツを検出します。

jQuery でマウス ホイール イベントをキャプチャするにはどうすればよいですか? jQuery でマウス ホイール イベントをキャプチャするにはどうすればよいですか?

26 Oct 2024

jQuery でのマウス ホイール イベントのキャプチャjQuery は、スクロール イベントとは異なる特定のマウス ホイール イベントをキャプチャする効果的な方法を提供します。これ...

ASP.NET UpdatePanels で jQuery のマウスオーバー効果を維持するにはどうすればよいですか? ASP.NET UpdatePanels で jQuery のマウスオーバー効果を維持するにはどうすればよいですか?

03 Dec 2024

jQuery $(document).ready と UpdatePanels: 洗練された外観 jQuery を利用して UpdatePanel 内の要素にマウスオーバー効果を適用する場合、...

jQuery の `change()` 関数を超えて DOM 要素コンテンツの変更を検出するにはどうすればよいですか? jQuery の `change()` 関数を超えて DOM 要素コンテンツの変更を検出するにはどうすればよいですか?

19 Nov 2024

jQuery を使用した DOM 要素コンテンツの変更の検出jQuery のchange() 関数は、フォーム要素値の変更を効果的に検出します。しかし、もし...

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER