ホームページ 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 プラグイン box_jquery 入力およびテキストエリア入力の最大テキスト制限用の jquery プラグイン box_jquery

16 May 2016

入力用の jquery プラグインと textarea 入力ボックスの最大テキスト制限。必要な友人はそれを参照できます。

jQueryはテキストエリアの入力文字制限を操作します jQueryはテキストエリアの入力文字制限を操作します

19 Apr 2018

今回はjQueryでtextareaを入力する際の文字数制限についてお届けします。 jQueryでtextareaを入力する場合の注意点について、実際の事例を見てみましょう。

jqueryでテキストボックスに入力する文字数を制限する方法 jqueryでテキストボックスに入力する文字数を制限する方法

10 Apr 2023

jQuery は、Web 開発に豊富な機能と使いやすい構文を提供する、広く使用されている JavaScript ライブラリです。 Web 開発における重要なタスクは、フォームを検証し、ユーザー入力を制御することです。一般的な要件の 1 つは、テキスト ボックスに入力する文字数を制限することです。 jQuery は、maxlength 属性を設定することでこの機能を実現します。 jQuery では、attr() 関数を使用してテキスト ボックスの属性を設定できます。ここで、maxlength はテキスト ボックスの指定に使用される最大の単語です。

jQuery 検証: 入力を数値と小数点に制限する jQuery 検証: 入力を数値と小数点に制限する

24 Feb 2024

jQuery 検証: 数値と小数点のみを入力可能 Web 開発では、ユーザーが入力した内容を検証する必要があることがよくあります。特に数値入力に関しては、通常、ユーザーが入力のみに制限する必要があります数字と小数点。この記事では、jQuery を使用してこの機能を実現する方法と、具体的なコード例を紹介します。要件分析の開発プロセスでは、金額入力ボックスや数量入力ボックスなど、数字と小数点のみを入力する必要がある場合があります。データの正確性と形式の標準化を確保するには、ユーザー入力を実行する必要があります。

入力文字数制限機能(jquery版とネイティブJS版)_jquery 入力文字数制限機能(jquery版とネイティブJS版)_jquery

16 May 2016

入力文字数を制限する一般的な機能 (Heat Chaotian の Weibo 入力ボックスなど) については、jQuery を使用して作成し、もう 1 つはネイティブ JavaScript で作成しました。ネイティブ JavaScript には中国語と英語の文字を区別する機能があります。コメントありますが、個人的にはあまりお勧めしません。

jQuery はテキストエリアに入力される文字数を制限するメソッドを実装します。 jQuery はテキストエリアに入力される文字数を制限するメソッドを実装します。

16 May 2016

この記事では、jQuery のキーボード イベントと関連するページ要素の操作スキルを含む、テキストエリアのテキスト ボックスに入力される文字数を制限する jQuery の方法を主に紹介します。

jquery入力ボックスの数制限plugin_jquery jquery入力ボックスの数制限plugin_jquery

16 May 2016

jquery入力ボックス数制限プラグイン、それを必要とする友人はそれを参照できます。

テキストエリアの入力単語数を制限するための jquery 実装の詳細な例 テキストエリアの入力単語数を制限するための jquery 実装の詳細な例

29 Dec 2017

jqueryはテキストエリアに入力される単語の数をどのように制限しますか?この記事では主に JQuery でテキストエリアに入力する文字数を制限する方法を詳しく紹介します。興味のある方はぜひ参考にしてください。

jqueryを実装してテキストエリア入力ボックスの単語数を制限する方法 jqueryを実装してテキストエリア入力ボックスの単語数を制限する方法

16 May 2016

この記事では、jquery を使用してテキストエリア入力ボックスの単語数を制限する方法を主に紹介します。この機能は、キーアップ イベントを通じてテキストエリア入力ボックスの単語数をリアルタイムに読み取ることで実現されます。必要な友達はそれを参照できます。

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