Textareaの入力文字数チェックについて（タグ無視）

2023/08/09 03:42

このQ&Aのポイント

TEXTAREAの文字数チェックまではできるのですが、HTMLのタグも入力されます。
タグを無視した文字数もカウントをやりたいです。
JavaScriptではどのようにすれば実現できるのでしょうか？

ベストアンサー

Textareaの入力文字数チェックについて（タグ無視）

2009/09/27 09:16

TEXTAREAの文字数チェックまではできるのですがしかし、今回はHTMLのタグも入力されます。タグを無視した文字数もカウントをやりたいです。ＰＨＰにはそのような関数があったような気がしますが ... JavaScriptではどのようにすれば実現できるのでしょうか？タグの文法エラーはない前提でよいです。よろしくお願いします。 <html> <head> <title>入力文字数のチェック</title> <script language="JavaScript"> function check() { txt = document.form1.sample.value; n = txt.length; if (n > 100) alert("100文字以内にしてください"); } </script> </head> <body> <form name="form1"> <textarea rows="10" name="sample" onChange="check()" cols="20"></textarea> </form> </body> </html>

pos_pos
お礼率17% (7/39)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

babu_baboo
ベストアンサー率51% (268/525)

2009/09/27 10:08 回答No.1

txt.replace(/<\/?[^>]+>/gi, "")

質問者

お礼 2009/09/27 10:18

function check() { txt = document.form1.sample.value; txt = txt.replace(/<\/?[^>]+>/gi, ""); n = txt.length; if (n > 10) alert("10文字以内にしてください"); } で実現できました。ありがとうございました。

関連するQ&A

入力文字のバイト数
いつも参考にしております。入力文字のバイト数のカウントについて質問をさせていただきます。入力フォームなどで、入力文字数の制限をしたいと考えております。文字を入力するたびに、バイト数がテキストボックスに常に表示されるようにしたいと考えております。以下を参考にできるのではないとか思っておりますが。 <script language="javascript">  </script> <form name="myFORM"> <textarea rows="3" name="myTEXT" onChange="check()"></textarea> </form> ご教授お願いいたします。
- ベストアンサー
- JavaScript
textareaに文字列を追加する方法
JavaScript超初心者です。初めて質問します。 2つのテキストエリアに入力されたものを、3つ目のテキストエリアに文字を追加して、入力するスクリプトを作ろうとしています。ネットで似たようなものを見つけてきて、アレンジしてみたのですが、2つ目の文字を入力するためのボタンをクリックすると、1つ目の文字が消えてしまいます。姓：AAA/名：BBB と続けて追加されるようにするには、どうしたらよいのでしょうか？どなたかお助けください。よろしくお願いいたします。＜作成中のページ＞ <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title></title> <script language="JavaScript"></script> </head> <body> <form name="form7"> 姓<TEXTAREA name="t1" size="10" rows="1"></TEXTAREA><input type="button" value="済" onClick=setData()><br> 名<TEXTAREA name="t2" size="10" rows="1"></TEXTAREA><input type="button" value="済" onClick=setData1()><br> <textarea rows="9" cols="20" name="list"></textarea><br> </form> </body> </html>
- ベストアンサー
- JavaScript
textareaで入力した文字を改行したままで表示したいのですが。
textareaに複数行で入力した文字を改行したままで表示したいのですが改行されずに表示されます。改行したままで表示するのはどうすればいいでしょうか？ <HTML> <HEAD> <STYLE type="text/css">  </STYLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <FORM name="nform" > <textarea cols="30" rows="10" name="textN"></textarea> <input type="button" value=" 確認 " onClick="check()"> </FORM> <DIV id="test" style="position:absolute;font-size:24px;"> </DIV> </BODY> </HTML>
- ベストアンサー
- HTML
文字数チェック
下記だと文字数がなんか変なんです。？？？の状態です。＃文字を追加したりすると正常な文字数にならず。＃環境ＩＥ5.0 <SCRIPT language=JavaScript> function test() { alert( testarea.value.length ) ; } </SCRIPT> <TEXTAREA NAME="testarea">あいうえおか</TEXTAREA><BR> <A HREF="test.html" onmouseover="test()">文字数チェック</A>
- ベストアンサー
- JavaScript
checkbox の入力チェックのやり方について
お世話になります。フォームにて、 javascriptで、入力チェックをおこないたいと思っています。チェックボックスについては、どれか選択が一つでもなければ、アラートで、文字を出したいと思いますが、うまくできません。チェックボックスの入力確認の方法を教えてください。よろしくお願いいたします。現在作りかけのソースは、下記の通りです。 <html> <head><title>-</title></head> <body> <form method="post" action="" onsubmit="return form_Validator(this)"> <input type="text" name="a1" size="15" maxlength="12"> <BR> <input type="checkbox" name="a1001" value="1"> <input type="checkbox" name="a1002" value="1"> <input type="submit" value="登録" name="submit"> </form> <script Language="JavaScript">  </script> </body> </html>
- ベストアンサー
- JavaScript
2つのJavaSを使う場合・・・
こんにちは、他の質問もさせていただいているのですが、こちらもお願いいたします！私はホームページに関して素人なのですが、WEBで例文などをコピーしてきて利用させて頂いています。しかし元が素人なのでわからない事が多く・・・例えば、 <script language="JavaScript"></script> </head><body><form name="myFORM"> <textarea rows="3" name="myTEXT" onChange="check()"></textarea> </form></body></html> こういうテキストボックの入力文字を規制するスクリプトと、 <SCRIPT language="JavaScript"> </SCRIPT> という未入力だった場合アラートを出すスクリプトを2つ使いたい時はどのように設定すればいいのでしょうか？ <SCRIPT language="JavaScript"><!--　の下に両方書きますよね？で、両方とも function check()　というのを使うようなのですが・・・。素人で全くわかりません。やはり勉強しようかと思いますが、とりあえず、上記をご存知の方、よろしくお願いいたします！
- ベストアンサー
- HTML
入力文字数のチェック
CGIを利用して、入力されたコードからある項目を検索させるページを作っています。入力させる文字は数字8桁に制限したいのですが、下記の内容ですと、8桁以下の入力でエラーを出すことはできますがそのままCGIの処理に流れていってしまうのです。これを、8桁以下だったらエラーを出してそこでストップさせるようにしたいのです。かれこれ3日悩んでいます。。。よろしくお願いいたします。 ========================================================= <HTML> <HEAD> <TITLE>データベース</TITLE> <script language="javascript" type="text/javascript">  </script> </HEAD> <BODY bgcolor="#ffffff"> <img SRC="logon_l2.gif" height=42 width=685> <br> <form method=post action="/cgi-bin/search.cgi"> コード <input type=text name="HANDLE" size="10"> <input type=submit value="検索" onClick="tareachk(this.form);"> </form> </BODY> </HTML>
- ベストアンサー
- JavaScript
テキストエリアの入力値からチェックボックスのON・OFF切り替え
テキストエリアからフォーカスが外れた際、テキストエリアに入力された文字があればチェックボックスをＯＮに、何もない場合はＯＦＦにしたいです。 <HTML> <BODY> <SCRIPT language="javascript">  </SCRIPT> <FORM name="form1"> <TABLE> <TR> <TD><TEXTAREA name="txt029" rows="2" cols="20" onblur="Check('029','1')"></TEXTAREA></TD> <TD><INPUT type="checkbox" name="chk[]" value="029"></TD> </TR> <TR> <TD><TEXTAREA name="txt121" rows="2" cols="20" onblur="Check('121','2')"></TEXTAREA></TD> <TD><INPUT type="checkbox" name="chk[]" value="121"></TD> </TR> </TABLE> </FORM> </BODY> </HTML> <TR>～</TR>はPHPで書き出しをしており、行数は都度変化します（1行～20行）。 1つの<TR>～</TR>で、TEXTAREAのname下3桁・Checkの1つ目の引数・checkboxのvalueは全て同じ値が入ります（値は変化）。 Checkの2つ目の引数は書き出した順に0から振るようにしています。この記述だと2つ目の引数は活用できてないのですが…使い道があるかと思って書いてはいるのですが結局わからなくてそのままになってます。色々考えてはみたのですが、どのように対応するチェックボックスを指定していいのかがわかりません。是非ご教授いただきたいです。
- ベストアンサー
- JavaScript
テキストエリアの制限字数以上の文字を消したい
いつもお世話になっております。現在、JavaScriput勉強中の初心者です。テキストエリアにJavaScriptでmaxlength機能を付け制限字数を超えると警告ダイアログを出すようにしたのですがコピペで制限字数を２文字以上超えるとBackSpaceで１文字消すたびに警告ダイアログが出るというバグが起きてしまいます。そこで警告ダイアログのOKボタンを押すと制限字数以上の文字は消すプログラムが組みたいのですがどうすればよいですか？あと残り入力可能文字カウンタをsetIntervalを使ったものに変更したら警告ダイアログすら表示されなくなってしまいました・・・よろしくお願いします。 ●変更前 <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>文字のカウント</title> 　　<script type="text/javascript"></script> </head> <body> <form name="myFORM"> <textarea cols="46" rows="5" name="myTEXT" onkeyup="ShowLength(value); check();" onmouseout="ShowLength(value); check();"></textarea><br /> あと<span id="inputlength">20</span>文字入力できます<br /> </form> </body> ●変更後 <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>文字のカウント</title> 　　<script type="text/javascript"></script> </head> <body> <form name="myFORM"> <textarea cols="46" rows="5" name="myTEXT" onkeyup="ShowLength(value); check();" onmouseout="ShowLength(value); check();"></textarea><br /> あと<span id="inputlength">20</span>文字入力できます<br /> </form> </body>
- ベストアンサー
- JavaScript
javascriptでtextareaに文字列を追加したい
textareaの最後尾に文字列を追加したいです。いろいろサイトを検索してみたのですが、解決できず困っています。　<form>中に<textarea>とボタンを設定しておきボタンを押すと　文字列を最後尾に追加する。というのはありました。私は、ボタンは無しで、画面を読み終わったタイミングで、textareaの最後尾に文字列を追加したいのです。（仕様で、bodyタグにonloadを記述することは出来ません。）（またcgiでHTML記述を生成しています。）が、どこかのサイトにあった例を見ても、どのように自分のソースに反映したらよいのか分からず・・・。サイトにあった例を参考に、下記のように記述してみましたが駄目でした。 <textarea name="textArea_A"></textarea> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> （これで、<textarea name="textArea_A">AAA</textarea> となってくれると良いのですが・・・。）トンチンカンな意味不明な点があるかも知れませんが、どうか宜しくお願いいたします。
- ベストアンサー
- JavaScript