クリエイター：コーディング備忘録ブログ

RSS

コーディング

Textareaの文字制限の設定

2018.12.12

テキストエリアに最大文字数の設定をしたい場合、
maxlength属性を使用します。
文字数制限を設定しただけだと、ユーザーにテキストエリアにどれだけの文字を打ち込むことができるのか
わかってもらうことができないので、jqueryを使用して300文字以上記述するとアラートが出るように設定してみます。

■HTML

<textarea  maxlength="300" ></textarea>
<div class=“number”>文字数は0です。</div>

1 2	<textarea maxlength="300" ></textarea> <div class=“number”>文字数は0です。</div>

■jquery

$(function () {
  $("textarea").keyup(function(){
    var count = $(this).val().length;
    $(“.number”).text(count);
    if(txtcount > 300){
      alert('制限文字数を超えています。');
    } 
  });
});

1

2

3

4

5

6

7

8

9

$(function () {

$("textarea").keyup(function(){

var count = $(this).val().length;

$(“.number”).text(count);

if(txtcount > 300){

alert('制限文字数を超えています。');

}

});

});

WP 複数の投稿タイプの新着一覧の作成

前の記事

複数のカスタム投稿に共通のカスタムタクソミーを設定する

次の記事

コメント

0 コメント
0 トラックバック

この記事へのコメントはありません。

最近の投稿

アーカイブ

RELATED

コーディング

illustrator図形の形や色をブレンド

2021.07.27

コーディング

wpカテゴリ毎の記事一覧を表示する

2017.10.02

コーディング

コーティングとは

2021.10.13

コーディング

FTPアクセス制限設定

2016.12.16

コーディング

第五十七回「ターゲットブランクでサイトを見失わないようにリンク設定」

2016.07.24

コーディング

wp ページャーが利かない場合

2018.05.09